From 488fd2fcd6599ef6f5c636d624c81bdabfc4a610 Mon Sep 17 00:00:00 2001
From: Abhinav <abhinavk.grd@gmail.com>
Date: Mon, 12 Sep 2022 19:07:28 +0530
Subject: [PATCH] update STORAGE_QUOTA_EXCEEDED_SUBSCRIPTION_INFO

---
 src/components/Sidebar/SubscriptionStatus/index.tsx | 5 +++--
 src/utils/strings/englishConstants.tsx              | 7 ++++++-
 2 files changed, 9 insertions(+), 3 deletions(-)

diff --git a/src/components/Sidebar/SubscriptionStatus/index.tsx b/src/components/Sidebar/SubscriptionStatus/index.tsx
index c1badbae4..b8cdd911b 100644
--- a/src/components/Sidebar/SubscriptionStatus/index.tsx
+++ b/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
                       )}
diff --git a/src/utils/strings/englishConstants.tsx b/src/utils/strings/englishConstants.tsx
index 8ca1d1d82..5ac225213 100644
--- a/src/utils/strings/englishConstants.tsx
+++ b/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>