add TODO

package.json

@@ -40,7 +40,7 @@
     "@cosmjs/tendermint-rpc": "^0.31.0",
     "@dydxprotocol/v4-abacus": "^0.7.2",
     "@dydxprotocol/v4-client-js": "^0.40.3",
-    "@dydxprotocol/v4-localization": "^0.1.32",
+    "@dydxprotocol/v4-localization": "^0.1.30",
     "@ethersproject/providers": "^5.7.2",
     "@js-joda/core": "^5.5.3",
     "@radix-ui/react-collapsible": "^1.0.3",

pnpm-lock.yaml

@@ -33,8 +33,8 @@ dependencies:
     specifier: ^0.40.3
     version: 0.40.3
   '@dydxprotocol/v4-localization':
-    specifier: ^0.1.32
-    version: 0.1.32
+    specifier: ^0.1.30
+    version: 0.1.30
   '@ethersproject/providers':
     specifier: ^5.7.2
     version: 5.7.2
@@ -1011,8 +1011,8 @@ packages:
       - utf-8-validate
     dev: false
 
-  /@dydxprotocol/v4-localization@0.1.32:
-    resolution: {integrity: sha512-ZtXScxgFLjUt0Ag52RyFnQe9aEl1Aky5fp+vMGOBduVkFiCEMRMkSsSgg6grMdyw/x0AbnxOTRkhYoX2MsK9Ow==}
+  /@dydxprotocol/v4-localization@0.1.30:
+    resolution: {integrity: sha512-xTlQuQmPz7wfGkjd07giYMAxRrolDbJE3DryJSIMB6R1MBq1wLzAcwp/iR/nELRwilRX9c44Tap0gGt+oAajiQ==}
     dev: false
 
   /@dydxprotocol/v4-proto@0.4.1:

src/hooks/useDydxClient.tsx

@@ -15,8 +15,6 @@ import type { ResolutionString } from 'public/tradingview/charting_library';
 
 import type { ConnectNetworkEvent, NetworkConfig } from '@/constants/abacus';
 import { type Candle, RESOLUTION_MAP } from '@/constants/candles';
-import { ENVIRONMENT_CONFIG_MAP } from '@/constants/networks';
-import { DydxChainAsset } from '@/constants/wallets';
 
 import { getSelectedNetwork } from '@/state/appSelectors';
 
@@ -38,7 +36,6 @@ const useDydxClientContext = () => {
   // ------ Network ------ //
 
   const selectedNetwork = useSelector(getSelectedNetwork);
-  const tokensConfigs = ENVIRONMENT_CONFIG_MAP[selectedNetwork].tokens;
 
   const [networkConfig, setNetworkConfig] = useState<NetworkConfig>();
 
@@ -68,14 +65,7 @@ const useDydxClientContext = () => {
             new Network(
               selectedNetwork,
               new IndexerConfig(networkConfig.indexerUrl, networkConfig.websocketUrl),
-              new ValidatorConfig(networkConfig.validatorUrl, networkConfig.chainId,
-                {
-                  USDC_DENOM: tokensConfigs[DydxChainAsset.USDC].denom,
-                  USDC_DECIMALS: tokensConfigs[DydxChainAsset.USDC].decimals,
-                  USDC_GAS_DENOM: tokensConfigs[DydxChainAsset.USDC].gasDenom,
-                  CHAINTOKEN_DENOM: tokensConfigs[DydxChainAsset.CHAINTOKEN].denom,
-                  CHAINTOKEN_DECIMALS: tokensConfigs[DydxChainAsset.CHAINTOKEN].decimals,
-                }, {
+              new ValidatorConfig(networkConfig.validatorUrl, networkConfig.chainId, {
                 broadcastPollIntervalMs: 3_000,
                 broadcastTimeoutMs: 60_000,
               })

src/hooks/useTokenConfigs.ts

@@ -9,13 +9,11 @@ export const useTokenConfigs = (): {
       denom: string;
       name: string;
       decimals: number;
-      gasDenom?: string;
     },
     [DydxChainAsset.CHAINTOKEN]: {
       denom: string;
       name: string;
       decimals: number;
-      gasDenom?: string;
     },
   };
   usdcDenom: string;

src/views/dialogs/OnboardingDialog.tsx

@@ -37,7 +37,7 @@ export const OnboardingDialog = ({ setIsOpen }: ElementProps) => {
   const stringGetter = useStringGetter();
   const { isMobile } = useBreakpoints();
 
-  const { disconnect, walletType } = useAccounts();
+  const { walletType } = useAccounts();
 
   const currentOnboardingStep = useSelector(calculateOnboardingStep);
 
@@ -45,17 +45,10 @@ export const OnboardingDialog = ({ setIsOpen }: ElementProps) => {
     if (!currentOnboardingStep) setIsOpen?.(false);
   }, [currentOnboardingStep]);
 
-  const setIsOpenFromDialog = (open: boolean) => {
-    if (!open && currentOnboardingStep === OnboardingSteps.AcknowledgeTerms) {
-      disconnect();
-    }
-    setIsOpen?.(open);
-  }
-
   return (
     <Styled.Dialog
       isOpen={Boolean(currentOnboardingStep)}
-      setIsOpen={setIsOpenFromDialog}
+      setIsOpen={setIsOpen}
       {...(currentOnboardingStep &&
         {
           [OnboardingSteps.ChooseWallet]: {
@@ -94,10 +87,10 @@ export const OnboardingDialog = ({ setIsOpen }: ElementProps) => {
             title: stringGetter({ key: STRING_KEYS.ACKNOWLEDGE_TERMS }),
             children: (
               <Styled.Content>
-                <AcknowledgeTerms onClose={() => setIsOpenFromDialog?.(false)} />
+                <AcknowledgeTerms />
               </Styled.Content>
             ),
-            width: '30rem',
+            width: '20rem',
           },
           [OnboardingSteps.DepositFunds]: {
             title: stringGetter({ key: STRING_KEYS.DEPOSIT }),

src/views/dialogs/OnboardingDialog/AcknowledgeTerms.tsx

@@ -6,17 +6,14 @@ import { AppRoute } from '@/constants/routes';
 import { STRING_KEYS } from '@/constants/localization';
 import { ButtonAction } from '@/constants/buttons';
 
-import { layoutMixins } from '@/styles/layoutMixins';
-
 import { Button } from '@/components/Button';
 import { Link } from '@/components/Link';
 
 type ElementProps = {
-  onClose?: () => void;
   onContinue?: () => void;
 };
 
-export const AcknowledgeTerms = ({ onClose, onContinue }: ElementProps) => {
+export const AcknowledgeTerms = ({ onContinue }: ElementProps) => {
   const stringGetter = useStringGetter();
 
   const { saveHasAcknowledgedTerms } = useAccounts();
@@ -28,40 +25,26 @@ export const AcknowledgeTerms = ({ onClose, onContinue }: ElementProps) => {
 
   return (
     <>
-      <p>
+      <span>
         {stringGetter({
-          key: STRING_KEYS.TOS_TITLE,
+          key: STRING_KEYS.LEGAL_UPDATES_DESCRIPTION,
           params: {
-            TERMS_LINK: (
+            TOU: (
               <Styled.Link href={`/#${AppRoute.Terms}`}>
                 {stringGetter({ key: STRING_KEYS.TERMS_OF_USE })}
               </Styled.Link>
             ),
-            PRIVACY_POLICY_LINK: (
+            PRIVACY_POLICY: (
               <Styled.Link href={`/#${AppRoute.Privacy}`}>
                 {stringGetter({ key: STRING_KEYS.PRIVACY_POLICY })}
               </Styled.Link>
             ),
           },
         })}
-      </p>
-      <Styled.TOS>
-        <ul>
-          <li>{stringGetter({ key: STRING_KEYS.TOS_LINE1 })}</li>
-          <li>{stringGetter({ key: STRING_KEYS.TOS_LINE2 })}</li>
-          <li>{stringGetter({ key: STRING_KEYS.TOS_LINE3 })}</li>
-          <li>{stringGetter({ key: STRING_KEYS.TOS_LINE4 })}</li>
-          <li>{stringGetter({ key: STRING_KEYS.TOS_LINE5 })}</li>
-        </ul>
-      </Styled.TOS>
-      <Styled.Row>
-        <Styled.Button onClick={onClose} action={ButtonAction.Base}>
-          {stringGetter({ key: STRING_KEYS.CLOSE })}
-        </Styled.Button>
-        <Styled.Button onClick={onAcknowledgement} action={ButtonAction.Primary}>
-          {stringGetter({ key: STRING_KEYS.I_AGREE })}
-        </Styled.Button>
-      </Styled.Row>
+      </span>
+      <Button onClick={onAcknowledgement} action={ButtonAction.Primary}>
+        {stringGetter({ key: STRING_KEYS.I_AGREE })}
+      </Button>
     </>
   );
 };
@@ -76,23 +59,3 @@ Styled.Link = styled(Link)`
     color: var(--color-accent);
   }
 `;
-
-Styled.TOS = styled.section`
-  background-color: var(--color-layer-4);
-  padding: 1rem 1rem 1rem 2rem;
-  border-radius: 0.875rem;
-  > ul {
-    ${layoutMixins.column};
-    gap: 1rem;
-  }
-`;
-
-Styled.Row = styled.div`
-  ${layoutMixins.row};
-
-  gap: 1rem;
-`;
-
-Styled.Button = styled(Button)`
-  flex-grow: 1;
-`;