up

src/app/home/components/Header.tsx

@@ -1,13 +1,17 @@
 import { Block, BlockTypes } from "@/components/Block";
 import { Title } from "@/components/Title";
+import { Status } from "@/components/Status";
 import { useStore } from "@/hooks";
 
 export const Header: React.FunctionComponent<{}> = () => {
+  const { appStatus } = useStore();
+
   return (
     <>
       <Block className="mb-5" type={BlockTypes.FlexHorizontal}>
         <Title>Waku RLN</Title>
       </Block>
+      <Status text="Application status" mark={appStatus} />
     </>
   );
 };

src/services/rln.ts

@@ -2,8 +2,6 @@ import { ethers } from "ethers";
 import {
   create,
   Keystore,
-  RLNDecoder,
-  RLNEncoder,
   RLNContract,
   SEPOLIA_CONTRACT,
   RLNInstance,

src/utils/http.ts

@@ -1,6 +1,6 @@
 export const http = {
     post(url: string, body: any) {
-        return fetch(url, {
+        return fetch(new URL(url), {
             method: "POST",
             mode: "no-cors",
             referrerPolicy: "no-referrer", 
@@ -13,7 +13,7 @@ export const http = {
           });
     },
     delete(url: string, body: any) {
-        return fetch(url, {
+        return fetch(new URL(url), {
             method: "DELETE",
             mode: "no-cors",
             referrerPolicy: "no-referrer", 
@@ -26,6 +26,6 @@ export const http = {
           });
     },
     get(url: string) {
-        return fetch(url);
+        return fetch(new URL(url));
     }
 };