Change terms modal policy

PeppyFinance · Jul 29, 2024 · c57db01 · c57db01
1 parent 1b01e32
commit c57db01
Show file tree

Hide file tree

Showing 4 changed files with 16 additions and 7 deletions.
diff --git a/apps/Cloverfield/components/App/AccountData/CreateAccount.tsx b/apps/Cloverfield/components/App/AccountData/CreateAccount.tsx
@@ -25,6 +25,7 @@ import {
 } from "components/Icons";
 import { WEB_SETTING } from "@symmio/frontend-sdk/config";
 import GradientButton from "components/Button/GradientButton";
+import TermsAndServices from "components/TermsAndServices";
 
 const Wrapper = styled.div<{ modal?: boolean }>`
   border: none;
@@ -119,6 +120,7 @@ export default function CreateAccount({ onClose }: { onClose?: () => void }) {
   const { account, chainId } = useActiveWagmi();
   const [name, setName] = useState("");
   const [, setTxHash] = useState("");
+  const [showTerms, setShowTerms] = useState(false);
   const userWhitelisted = useUserWhitelist();
   const isTermsAccepted = useIsTermsAccepted();
 
@@ -160,7 +162,12 @@ export default function CreateAccount({ onClose }: { onClose?: () => void }) {
     }
 
     if (WEB_SETTING.showSignModal && !isTermsAccepted) {
-      return <GradientButton label={"Accept Terms Please"} disabled={true} />;
+      return (
+        <GradientButton
+          onClick={() => setShowTerms(true)}
+          label={"Accept Terms Please"}
+        />
+      );
     }
 
     if (userWhitelisted === false) {
@@ -233,6 +240,7 @@ export default function CreateAccount({ onClose }: { onClose?: () => void }) {
           <DescriptionText>{`Create Account > Deposit ${collateralCurrency?.symbol} > Enjoy Trading`}</DescriptionText>
         )}
       </ContentWrapper>
+      {showTerms && <TermsAndServices onDismiss={() => setShowTerms(false)} />}
     </Wrapper>
   );
 }
diff --git a/apps/Cloverfield/components/TermsAndServices/index.tsx b/apps/Cloverfield/components/TermsAndServices/index.tsx
@@ -5,12 +5,16 @@ import { useIsTermsAccepted } from "@symmio/frontend-sdk/state/user/hooks";
 
 import TermsModal from "components/ReviewModal/TermsModal";
 
-export default function TermsAndServices() {
+export default function TermsAndServices({
+  onDismiss,
+}: {
+  onDismiss: () => void;
+}) {
   const { account } = useActiveWagmi();
   const isTermsAccepted = useIsTermsAccepted();
 
   if (account && !isTermsAccepted) {
-    return <TermsModal onDismiss={() => {}} />;
+    return <TermsModal onDismiss={onDismiss} />;
   }
   return null;
 }
diff --git a/apps/Cloverfield/pages/trade/[id].tsx b/apps/Cloverfield/pages/trade/[id].tsx
@@ -12,8 +12,6 @@ import FavoriteBar from "components/App/FavoriteBar";
 import AccountOverview from "components/App/AccountData";
 import { UpdaterRoot } from "components/EmptyComponent";
 import WrapperBanner from "components/Banner";
-import TermsAndServices from "components/TermsAndServices";
-import { WEB_SETTING } from "@symmio/frontend-sdk/config";
 
 export const Container = styled(Column)`
   background: ${({ theme }) => theme.bg};
@@ -58,7 +56,6 @@ export const LeftColumn = styled(Column)<{ gap?: string }>`
 export default function ID() {
   return (
     <Container>
-      {WEB_SETTING.showSignModal && <TermsAndServices />}
       <WrapperBanner />
       <UpdaterRoot />
       <WhitelistUpdater />

diff --git a/packages/core/src/config/index.ts b/packages/core/src/config/index.ts
@@ -13,7 +13,7 @@ export const WEB_SETTING = {
 
   checkWhiteList: false,
 
-  showSignModal: true,
+  showSignModal: false,
 
   notAllowedMethods: [] as string[],
   showTpSl: true,