fix: supporting text content on withdrawals page

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

@@ -438,7 +438,6 @@
   "withdrawPreparedWarningHeading": "Only start a withdrawal when you are ready to pay the gas to release on Ethereum",
   "withdrawPreparedWarningText1": "If you proceed beyond this stage, but do not complete the withdrawal on Ethereum, it will not be possible to cancel or alter your withdrawal request.",
   "withdrawPreparedWarningText2": "To ensure your assets are not lost, you must pay gas on Ethereum to complete the final step of the withdrawal process. Gas costs per withdrawal have been between $100 and $200.",
-  "withdrawalsPreparedWarningHeading": "Complete these withdrawals before the next checkpoint restore",
   "withdrawalsPreparedWarningText": "Prepared withdrawals are not stored between network resets meaning you will not have the information required to complete a withdrawal.",
   "withdrawPageHeading": "Withdraw",
   "withdrawPageText": "Use this form to withdraw/release assets from your Vega wallet to their native chain.",
@@ -453,7 +452,7 @@
   "withdrawFormSubmitButtonIdle": "Withdraw {{amount}} {{symbol}} tokens",
   "withdrawFormSubmitButtonPending": "Preparing",
   "withdrawalsTitle": "Withdrawals",
-  "withdrawalsText": "These withdrawals need to be completed with an Ethereum transaction.",
+  "withdrawalsText": "Incomplete withdrawals need to be completed with an Ethereum transaction. Be sure to complete withdrawals before the next checkpoint restore.",
   "withdrawalsNone": "You don't have any pending withdrawals.",
   "withdrawalsCompleteButton": "Finish withdrawal",
   "withdrawalTransaction": "Transaction ({{foreignChain}})",

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

@@ -18,7 +18,7 @@ const Withdrawals = () => {
     <>
       <Heading title={t('withdrawalsTitle')} />
       <VegaWalletContainer>
-        {(currVegaKey) => <WithdrawPendingContainer />}
+        {() => <WithdrawPendingContainer />}
       </VegaWalletContainer>
     </>
   );
@@ -49,11 +49,12 @@ const WithdrawPendingContainer = () => {
   return (
     <>
       <header className="flex items-start justify-between">
-        <h2>{t('withdrawalsPreparedWarningHeading')}</h2>
+        <div>
+          <p>{t('withdrawalsText')}</p>
+          <p className="mb-8">{t('withdrawalsPreparedWarningText')}</p>
+        </div>
         <Button onClick={() => setWithdrawDialog(true)}>Withdraw</Button>
       </header>
-      <p>{t('withdrawalsText')}</p>
-      <p className="mb-8">{t('withdrawalsPreparedWarningText')}</p>
       <div className="w-full h-[500px]">
         <WithdrawalsTable withdrawals={withdrawals} />
       </div>