add terms acceptance

src/app/api/postTerms.ts

@@ -0,0 +1,28 @@
+import { apiWrapper } from "./apiWrapper";
+
+interface TermsPayload {
+  address: string;
+  termsAccepted: boolean;
+  publicKey: string;
+}
+
+export const postTerms = async (
+  address: string,
+  termsAccepted: boolean,
+  publicKey: string,
+) => {
+  const payload: TermsPayload = {
+    address: address,
+    termsAccepted: termsAccepted,
+    publicKey: publicKey,
+  };
+
+  const response = await apiWrapper(
+    "POST",
+    "/terms_acceptance",
+    "Error submitting terms acceptance request",
+    payload,
+  );
+
+  return response.status === 200;
+};

src/app/components/Modals/ErrorModal.tsx

@@ -54,6 +54,8 @@ export const ErrorModal: React.FC<ErrorModalProps> = ({
         return "Stake Error";
       case ErrorState.UNBONDING:
         return "Unbonding Error";
+      case ErrorState.TERMS:
+        return "Terms Error";
       default:
         return "Unknown Error";
     }
@@ -71,6 +73,8 @@ export const ErrorModal: React.FC<ErrorModalProps> = ({
         return `Failed to stake due to: ${errorMessage}`;
       case ErrorState.WALLET:
         return `Failed to switch network due to: ${errorMessage}`;
+      case ErrorState.TERMS:
+        return `Failed to accept terms due to: ${errorMessage}`;
       default:
         return errorMessage;
     }

src/app/components/Points/StakerPoints.tsx

@@ -31,8 +31,6 @@ export const StakerPoints: React.FC<StakerPointsProps> = ({
 
   const points = stakerPoints?.[0]?.points;
 
-  console.log(points !== undefined || points !== 0);
-
   return (
     <div className="flex items-center justify-end gap-1">
       <p className="whitespace-nowrap font-semibold">

src/app/page.tsx

@@ -21,6 +21,7 @@ import { Network, WalletProvider } from "@/utils/wallet/wallet_provider";
 
 import { getDelegations, PaginatedDelegations } from "./api/getDelegations";
 import { getGlobalParams } from "./api/getGlobalParams";
+import { postTerms } from "./api/postTerms";
 import { UTXO_KEY } from "./common/constants";
 import { signPsbtTransaction } from "./common/utils/psbt";
 import { Delegations } from "./components/Delegations/Delegations";
@@ -191,6 +192,8 @@ const Home: React.FC<HomeProps> = () => {
   const [delegationsLocalStorage, setDelegationsLocalStorage] = useLocalStorage<
     Delegation[]
   >(delegationsLocalStorageKey, []);
+  const [termsAcceptedLocalStorage, setTermsAcceptedLocalStorage] =
+    useLocalStorage("termsAccepted", false);
 
   const [connectModalOpen, setConnectModalOpen] = useState(false);
 
@@ -204,6 +207,9 @@ const Home: React.FC<HomeProps> = () => {
     setBTCWalletNetwork(undefined);
     setPublicKeyNoCoord("");
     setAddress("");
+    if (termsAcceptedLocalStorage) {
+      setTermsAcceptedLocalStorage(false);
+    }
   };
 
   const handleConnectBTC = useCallback(
@@ -314,6 +320,32 @@ const Home: React.FC<HomeProps> = () => {
     0,
   );
 
+  useEffect(() => {
+    const acceptTerms = async () => {
+      if (address && publicKeyNoCoord && !termsAcceptedLocalStorage) {
+        try {
+          await postTerms(address, true, publicKeyNoCoord);
+          setTermsAcceptedLocalStorage(true);
+        } catch (error: Error | any) {
+          handleError({
+            error: error,
+            hasError: true,
+            errorState: ErrorState.TERMS,
+            refetchFunction: () => acceptTerms(),
+          });
+        }
+      }
+    };
+
+    acceptTerms();
+  }, [
+    address,
+    publicKeyNoCoord,
+    termsAcceptedLocalStorage,
+    setTermsAcceptedLocalStorage,
+    handleError,
+  ]);
+
   return (
     <main
       className={`relative h-full min-h-svh w-full ${network === Network.MAINNET ? "main-app-mainnet" : "main-app-testnet"}`}

src/app/types/errors.ts

@@ -4,6 +4,7 @@ export enum ErrorState {
   WALLET = "WALLET",
   WITHDRAW = "WITHDRAW",
   STAKING = "STAKING",
+  TERMS = "TERMS",
 }
 
 export interface ErrorType {