update STORAGE_QUOTA_EXCEEDED_SUBSCRIPTION_INFO

src/components/Sidebar/SubscriptionStatus/index.tsx

@@ -50,7 +50,6 @@ export default function SubscriptionStatus({
             <Typography
                 variant="body2"
                 color={'text.secondary'}
-                onClick={showPlanSelectorModal}
                 sx={{ cursor: 'pointer' }}>
                 {isSubscriptionActive(userDetails.subscription)
                     ? isOnFreePlan(userDetails.subscription)
@@ -62,7 +61,9 @@ export default function SubscriptionStatus({
                               userDetails.subscription?.expiryTime
                           )
                         : hasExceededStorageQuota(userDetails) &&
-                          constants.STORAGE_QUOTA_EXCEEDED_SUBSCRIPTION_INFO
+                          constants.STORAGE_QUOTA_EXCEEDED_SUBSCRIPTION_INFO(
+                              showPlanSelectorModal
+                          )
                     : constants.SUBSCRIPTION_EXPIRED_MESSAGE(
                           billingService.redirectToCustomerPortal
                       )}

src/utils/strings/englishConstants.tsx

@@ -284,7 +284,12 @@ const englishConstants = {
         <>Your subscription will be cancelled on {dateString(expiryTime)}</>
     ),
 
-    STORAGE_QUOTA_EXCEEDED_SUBSCRIPTION_INFO: `You have exceeded your storage quota, please upgrade your plan.`,
+    STORAGE_QUOTA_EXCEEDED_SUBSCRIPTION_INFO: (onClick) => (
+        <>
+            You have exceeded your storage quota,, please{' '}
+            <LinkButton onClick={onClick}> upgrade </LinkButton>
+        </>
+    ),
     SUBSCRIPTION_PURCHASE_SUCCESS: (expiryTime) => (
         <>
             <p>We've received your payment</p>