Feat/compliance gate (#2855)

Co-authored-by: Alejandro <95312462+AGMASO@users.noreply.github.com>

Author: foodaka

pages/api/preflight-compliance.ts

@@ -61,8 +61,6 @@ export default async function handler(
       },
     });
 
-    console.log('RESPONSE---', response);
-
     if (!response.ok) {
       if (response.status === 401) {
         console.error('Compliance API: Invalid secret');
@@ -75,7 +73,6 @@ export default async function handler(
     }
 
     const data: ComplianceApiResponse = await response.json();
-    console.log('DATA---', data);
 
     return res.status(200).json({
       result: data.result,

src/components/AddressBlocked.tsx

@@ -12,7 +12,7 @@ type ComplianceGateProps = {
 };
 
 export const AddressBlocked = ({ children }: ComplianceGateProps) => {
-  const { status, recheck, errorMessage } = useCompliance();
+  const { status, recheck } = useCompliance();
   const { currentAccount, readOnlyMode } = useWeb3Context();
   const { disconnect } = useDisconnect();
   const shouldCheck = !readOnlyMode && !ENABLE_TESTNET;
@@ -34,7 +34,6 @@ export const AddressBlocked = ({ children }: ComplianceGateProps) => {
         address={currentAccount}
         onDisconnectWallet={() => disconnect()}
         isError={showErrorOverlay}
-        errorMessage={errorMessage}
         onRetry={showErrorOverlay ? recheck : undefined}
       />
     </MainLayout>

src/components/AddressBlockedModal.tsx

@@ -1,4 +1,4 @@
-import { ExclamationCircleIcon, LogoutIcon } from '@heroicons/react/outline';
+import { ExclamationCircleIcon, LogoutIcon, RefreshIcon } from '@heroicons/react/outline';
 import { Trans } from '@lingui/macro';
 import { Box, Button, SvgIcon, Typography } from '@mui/material';
 
@@ -8,29 +8,18 @@ export interface AddressBlockedProps {
   address: string;
   onDisconnectWallet: () => void;
   isError?: boolean;
-  errorMessage?: string;
   onRetry?: () => void;
 }
 
 export const AddressBlockedModal = ({
   address,
   onDisconnectWallet,
   isError = false,
-  errorMessage,
   onRetry,
 }: AddressBlockedProps) => {
   // eslint-disable-next-line @typescript-eslint/no-empty-function, @typescript-eslint/no-unused-vars
   const setOpen = (_value: boolean) => {}; // ignore, we want the modal to not be dismissable
 
-  const description = isError ? (
-    errorMessage || <Trans>Something went wrong. Please try again later.</Trans>
-  ) : (
-    <Trans>
-      Sorry, we are unable to connect your wallet. <br />
-      Please try again with another wallet or contact support.
-    </Trans>
-  );
-
   return (
     <BasicModal open={true} withCloseButton={false} setOpen={setOpen}>
       <Box
@@ -45,26 +34,27 @@ export const AddressBlockedModal = ({
           <ExclamationCircleIcon />
         </SvgIcon>
         <Typography variant="h2">
-          <Trans>Connection Failed</Trans>
+          <Trans>Connection Error</Trans>
         </Typography>
         <Typography variant="helperText" sx={{ my: 4 }}>
           {address}
         </Typography>
-        <Typography variant="description" sx={{ textAlign: 'center', mb: 4 }}>
-          {description}
-        </Typography>
         <Box sx={{ display: 'flex', gap: 2 }}>
-          {isError && onRetry && (
-            <Button variant="outlined" onClick={onRetry}>
-              <Trans>Retry</Trans>
+          {isError && onRetry ? (
+            <Button variant="contained" onClick={onRetry}>
+              <SvgIcon fontSize="small" sx={{ mx: 1 }}>
+                <RefreshIcon />
+              </SvgIcon>
+              <Trans>Refresh</Trans>
+            </Button>
+          ) : (
+            <Button variant="contained" onClick={onDisconnectWallet}>
+              <SvgIcon fontSize="small" sx={{ mx: 1 }}>
+                <LogoutIcon />
+              </SvgIcon>
+              <Trans>Disconnect Wallet</Trans>
             </Button>
           )}
-          <Button variant="contained" onClick={onDisconnectWallet}>
-            <SvgIcon fontSize="small" sx={{ mx: 1 }}>
-              <LogoutIcon />
-            </SvgIcon>
-            <Trans>Disconnect Wallet</Trans>
-          </Button>
         </Box>
       </Box>
     </BasicModal>

src/locales/el/messages.js

@@ -507,10 +507,6 @@ msgstr "Markets"
 msgid "Proposals"
 msgstr "Proposals"
 
-#: src/components/AddressBlockedModal.tsx
-msgid "Retry"
-msgstr "Retry"
-
 #: pages/500.page.tsx
 msgid "Copy error message"
 msgstr "Copy error message"
@@ -1736,10 +1732,6 @@ msgstr "Fee"
 msgid "Participating in staking {symbol} gives annualized rewards. Your wallet balance is the sum of your aTokens and underlying assets. The breakdown to stake is below"
 msgstr "Participating in staking {symbol} gives annualized rewards. Your wallet balance is the sum of your aTokens and underlying assets. The breakdown to stake is below"
 
-#: src/components/AddressBlockedModal.tsx
-msgid "Sorry, we are unable to connect your wallet. <0/>Please try again with another wallet or contact support."
-msgstr "Sorry, we are unable to connect your wallet. <0/>Please try again with another wallet or contact support."
-
 #: src/components/transactions/Swap/details/CollateralSwapDetails.tsx
 #: src/modules/migration/MigrationListMobileItem.tsx
 #: src/modules/reserve-overview/ReserveEModePanel.tsx
@@ -3089,6 +3081,10 @@ msgstr "and about SPK program"
 msgid "DAI balance will be converted via DSR contracts and then supplied as sDAI. Switching incurs no additional costs and no slippage."
 msgstr "DAI balance will be converted via DSR contracts and then supplied as sDAI. Switching incurs no additional costs and no slippage."
 
+#: src/components/AddressBlockedModal.tsx
+msgid "Refresh"
+msgstr "Refresh"
+
 #: src/components/infoTooltips/MigrationDisabledTooltip.tsx
 msgid "Asset cannot be migrated due to insufficient liquidity or borrow cap limitation in {marketName} v3 market."
 msgstr "Asset cannot be migrated due to insufficient liquidity or borrow cap limitation in {marketName} v3 market."
@@ -3119,10 +3115,6 @@ msgstr "Learn more in our <0>FAQ guide</0>"
 msgid "The selected rate is lower than the market price. You might incur a loss if you proceed."
 msgstr "The selected rate is lower than the market price. You might incur a loss if you proceed."
 
-#: src/components/AddressBlockedModal.tsx
-msgid "Something went wrong. Please try again later."
-msgstr "Something went wrong. Please try again later."
-
 #: src/modules/sGho/SGhoDepositPanel.tsx
 msgid "Deposit GHO and earn {0}% APY"
 msgstr "Deposit GHO and earn {0}% APY"
@@ -3416,10 +3408,6 @@ msgstr "The caller of this function must be a pool"
 msgid "Migrate to V3"
 msgstr "Migrate to V3"
 
-#: src/components/AddressBlockedModal.tsx
-msgid "Connection Failed"
-msgstr "Connection Failed"
-
 #: src/modules/reserve-overview/ReserveConfiguration.tsx
 msgid "Interest rate strategy"
 msgstr "Interest rate strategy"
@@ -3729,6 +3717,10 @@ msgstr "Claim all protocol rewards"
 msgid "No assets selected to migrate."
 msgstr "No assets selected to migrate."
 
+#: src/components/AddressBlockedModal.tsx
+msgid "Connection Error"
+msgstr "Connection Error"
+
 #: src/components/transactions/Swap/errors/shared/GasEstimationError.tsx
 msgid "Tip: Try improving your order parameters"
 msgstr "Tip: Try improving your order parameters"