diff --git a/components/navigation/NavigationRays.tsx b/components/navigation/NavigationRays.tsx index 5554b0ef6e..9fa9031a4f 100644 --- 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 ( { {' '} {!isViewBelowL && ( - { - formatCryptoBalance(new BigNumber(raysUserData?.userRays.allPossiblePoints)).split( - '.', - )[0] - }{' '} - Rays + {raysUserData?.userRays + ? `${ + formatCryptoBalance( + new BigNumber(raysUserData?.userRays.allPossiblePoints), + ).split('.')[0] + } Rays` + : 'Get $RAYS'} )} diff --git a/features/navigation/controls/NavigationActionsController.tsx b/features/navigation/controls/NavigationActionsController.tsx index e51731d752..f06fde55fc 100644 --- a/features/navigation/controls/NavigationActionsController.tsx +++ b/features/navigation/controls/NavigationActionsController.tsx @@ -24,12 +24,13 @@ export function NavigationActionsController({ isConnected }: NavigationActionsCo {isViewBelowXl && } {isViewBelowXl && } {!isViewBelowXl && } - {} + {isViewBelowM ? : } ) : ( <> - {} + + {!isViewBelowL && } )}