feat(governance): final wallet not connected views (#3037)

apps/governance/src/components/eth-connect-prompt/eth-connect-promp.tsx

@@ -11,7 +11,7 @@ export const EthConnectPrompt = () => {
   const { appDispatch } = useAppState();
   return (
     <Button
-      variant="primary"
+      variant="default"
       onClick={() =>
         appDispatch({
           type: AppStateActionType.SET_ETH_WALLET_OVERLAY,

apps/governance/src/i18n/translations/dev.json

@@ -336,6 +336,7 @@
   "withdrawLpNoneDeposited": "You have no SLP tokens deposited or rewards accumulated",
   "withdrawAllLpSuccessCalloutTitle": "Your SLP tokens and rewards have been sent to your Ethereum address",
   "Dissociate VEGA tokens": "Disassociate $VEGA tokens",
+  "DisassociateVegaTokensFromWallet": "Disassociate $VEGA tokens from your Vega wallet",
   "Early Investors": "Early Investors",
   "Team": "Team",
   "Community": "Community",
@@ -482,6 +483,7 @@
   "withdrawFormSubmitButtonIdle": "Withdraw {{amount}} {{symbol}} tokens",
   "withdrawFormSubmitButtonPending": "Preparing",
   "withdrawalsTitle": "Withdrawals",
+  "withdrawalsSubtitle": "Connect your Vega wallet to complete a withdrawal. These withdrawals will be completed with an Ethereum transaction.",
   "withdrawalsText": "These withdrawals need to be completed with an Ethereum transaction.",
   "withdrawalsNone": "You don't have any pending withdrawals.",
   "withdrawalsCompleteButton": "Finish withdrawal",

apps/governance/src/routes/staking/disassociate/index.tsx

@@ -15,7 +15,12 @@ export const DisassociateContainer = () => {
     <>
       <Heading title={t('pageTitleDisassociate')} />
       {!account ? (
-        <EthConnectPrompt />
+        <>
+          <p className="mb-8">{t('DisassociateVegaTokensFromWallet')}</p>
+          <div className="max-w-[400px]">
+            <EthConnectPrompt />
+          </div>
+        </>
       ) : (
         <DisassociatePage address={account} vegaKey={pubKey ?? ''} />
       )}

apps/governance/src/routes/withdrawals/index.tsx

@@ -17,12 +17,14 @@ import type { RouteChildProps } from '../index';
 const Withdrawals = ({ name }: RouteChildProps) => {
   useDocumentTitle(name);
   const { t } = useTranslation();
+  const { pubKey } = useVegaWallet();
 
   return (
     <>
       <Heading title={t('withdrawalsTitle')} />
+      {!pubKey && <p className="mb-8">{t('withdrawalsSubtitle')}</p>}
       <VegaWalletContainer>
-        {(currVegaKey) => <WithdrawPendingContainer />}
+        {() => <WithdrawPendingContainer />}
       </VegaWalletContainer>
     </>
   );