From 654ca50a22fa726411bd314a2c1c694f31fff87f Mon Sep 17 00:00:00 2001
From: Matthew Russell <mattrussell36@gmail.com>
Date: Wed, 8 Nov 2023 23:32:51 -0800
Subject: [PATCH] feat: updates for disconnected state

---
 .../rewards-container/rewards-container.tsx   | 42 ++++++++++++++-----
 1 file changed, 32 insertions(+), 10 deletions(-)

diff --git a/apps/trading/components/rewards-container/rewards-container.tsx b/apps/trading/components/rewards-container/rewards-container.tsx
index 4fcc9a2fc..743d0b804 100644
--- a/apps/trading/components/rewards-container/rewards-container.tsx
+++ b/apps/trading/components/rewards-container/rewards-container.tsx
@@ -80,6 +80,7 @@ export const RewardsContainer = () => {
         highlight={true}
       >
         <RewardPot
+          pubKey={pubKey}
           accounts={accounts}
           assetId={params.reward_asset}
           vestingBalancesSummary={rewardsData?.party?.vestingBalancesSummary}
@@ -97,6 +98,7 @@ export const RewardsContainer = () => {
             loading={loading}
           >
             <RewardPot
+              pubKey={pubKey}
               accounts={accounts}
               assetId={assetId}
               vestingBalancesSummary={
@@ -107,7 +109,7 @@ export const RewardsContainer = () => {
         );
       })}
       <Card title={t('Vesting')} className="lg:col-span-2" loading={loading}>
-        <Vesting baseRate={params.rewards_vesting_baseRate} />
+        <Vesting pubKey={pubKey} baseRate={params.rewards_vesting_baseRate} />
       </Card>
       <Card
         title={t('Rewards multipliers')}
@@ -143,12 +145,14 @@ type VestingBalances = NonNullable<
 >['vestingBalancesSummary'];
 
 export type RewardPotProps = {
+  pubKey: string | null;
   accounts: Account[] | null;
   assetId: string; // VEGA
   vestingBalancesSummary: VestingBalances | undefined;
 };
 
 export const RewardPot = ({
+  pubKey,
   accounts,
   assetId,
   vestingBalancesSummary,
@@ -204,6 +208,14 @@ export const RewardPot = ({
     rewardAsset = vestingEntries[0].asset;
   }
 
+  if (!pubKey) {
+    return (
+      <div className="pt-4">
+        <p className="text-sm text-muted">{t('Not connected')}</p>
+      </div>
+    );
+  }
+
   return (
     <div className="pt-4">
       {rewardAsset ? (
@@ -273,7 +285,13 @@ export const RewardPot = ({
   );
 };
 
-export const Vesting = ({ baseRate }: { baseRate: string }) => {
+export const Vesting = ({
+  pubKey,
+  baseRate,
+}: {
+  pubKey: string | null;
+  baseRate: string;
+}) => {
   const baseRateFormatted = formatPercentage(Number(baseRate));
   return (
     <div className="pt-4">
@@ -283,14 +301,18 @@ export const Vesting = ({ baseRate }: { baseRate: string }) => {
           <CardTableTH>{t('Base rate')}</CardTableTH>
           <CardTableTD>{baseRateFormatted}%</CardTableTD>
         </tr>
-        <tr>
-          <CardTableTH>{t('Vesting multiplier')}</CardTableTH>
-          <CardTableTD>0%</CardTableTD>
-        </tr>
-        <tr>
-          <CardTableTH>{t('Available to withdraw next epoch')}</CardTableTH>
-          <CardTableTD>0</CardTableTD>
-        </tr>
+        {pubKey && (
+          <>
+            <tr>
+              <CardTableTH>{t('Vesting multiplier')}</CardTableTH>
+              <CardTableTD>0%</CardTableTD>
+            </tr>
+            <tr>
+              <CardTableTH>{t('Available to withdraw next epoch')}</CardTableTH>
+              <CardTableTD>0</CardTableTD>
+            </tr>
+          </>
+        )}
       </CardTable>
     </div>
   );