NavigationRays component to handle null or undefined walletAddress (#…

…3991)
OasisDEX · Jul 16, 2024 · 5b8076d · 5b8076d
1 parent 96de260
commit 5b8076d
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 10 deletions.
diff --git a/components/navigation/NavigationRays.tsx b/components/navigation/NavigationRays.tsx
@@ -18,14 +18,18 @@ export const NavigationRays = () => {
 
   const raysUserData = useUserRays({ walletAddress })
 
-  if (!raysUserData?.userRays || !Rays) {
+  if (!Rays) {
     return null
   }
 
   return (
     <Flex sx={{ mr: !isViewBelowL ? 3 : 0, alignItems: 'center' }}>
       <a
-        href={`${INTERNAL_LINKS.rays}?userAddress=${walletAddress}`}
+        href={
+          walletAddress
+            ? `${INTERNAL_LINKS.rays}?userAddress=${walletAddress}`
+            : INTERNAL_LINKS.rays
+        }
         style={{ textDecoration: 'none' }}
       >
         <Flex
@@ -38,12 +42,13 @@ export const NavigationRays = () => {
           <Icon icon={rays} size={24} />{' '}
           {!isViewBelowL && (
             <Text variant="boldParagraph3" sx={{ fontSize: 1 }}>
-              {
-                formatCryptoBalance(new BigNumber(raysUserData?.userRays.allPossiblePoints)).split(
-                  '.',
-                )[0]
-              }{' '}
-              Rays
+              {raysUserData?.userRays
+                ? `${
+                    formatCryptoBalance(
+                      new BigNumber(raysUserData?.userRays.allPossiblePoints),
+                    ).split('.')[0]
+                  } Rays`
+                : 'Get $RAYS'}
             </Text>
           )}
         </Flex>

diff --git a/features/navigation/controls/NavigationActionsController.tsx b/features/navigation/controls/NavigationActionsController.tsx
@@ -24,12 +24,13 @@ export function NavigationActionsController({ isConnected }: NavigationActionsCo
           {isViewBelowXl && <NavigationRays />}
           {isViewBelowXl && <MyPositionsOrb />}
           {!isViewBelowXl && <NavigationRays />}
-          {<NavigationNetworkSwitcherOrb />}
+          <NavigationNetworkSwitcherOrb />
           {isViewBelowM ? <WalletPanelMobile /> : <WalletOrb />}
         </>
       ) : (
         <>
-          {<NavigationNetworkSwitcherOrb />}
+          <NavigationRays />
+          <NavigationNetworkSwitcherOrb />
           {!isViewBelowL && <ConnectButton />}
         </>
       )}