From 9c9948e4c1d9e424d99fe9f816157ab4de533203 Mon Sep 17 00:00:00 2001
From: Sam Keen <samuel@vegaprotocol.io>
Date: Thu, 2 Mar 2023 14:36:04 +0000
Subject: [PATCH] feat(governance): final wallet not connected views (#3037)

---
 .../components/eth-connect-prompt/eth-connect-promp.tsx    | 2 +-
 apps/governance/src/i18n/translations/dev.json             | 2 ++
 apps/governance/src/routes/staking/disassociate/index.tsx  | 7 ++++++-
 apps/governance/src/routes/withdrawals/index.tsx           | 4 +++-
 4 files changed, 12 insertions(+), 3 deletions(-)

diff --git a/apps/governance/src/components/eth-connect-prompt/eth-connect-promp.tsx b/apps/governance/src/components/eth-connect-prompt/eth-connect-promp.tsx
index 6c91a8417..9ddcb2e8e 100644
--- a/apps/governance/src/components/eth-connect-prompt/eth-connect-promp.tsx
+++ b/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,
diff --git a/apps/governance/src/i18n/translations/dev.json b/apps/governance/src/i18n/translations/dev.json
index 7988cd5eb..997a23218 100644
--- a/apps/governance/src/i18n/translations/dev.json
+++ b/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",
diff --git a/apps/governance/src/routes/staking/disassociate/index.tsx b/apps/governance/src/routes/staking/disassociate/index.tsx
index 74824e5de..c36aa2d16 100644
--- a/apps/governance/src/routes/staking/disassociate/index.tsx
+++ b/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 ?? ''} />
       )}
diff --git a/apps/governance/src/routes/withdrawals/index.tsx b/apps/governance/src/routes/withdrawals/index.tsx
index 35cee5150..f4548961c 100644
--- a/apps/governance/src/routes/withdrawals/index.tsx
+++ b/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>
     </>
   );