Adding Help for Subscription

FalkWolsky · FalkWolsky · commit 6eff60bd835d · 2024-09-28T17:51:11.000+02:00
diff --git a/client/packages/lowcoder/src/i18n/locales/en.ts b/client/packages/lowcoder/src/i18n/locales/en.ts
@@ -2300,6 +2300,8 @@ export const en = {
     "billingReason.subscription_update": "Subscription Update",
     "backToSubscriptions": "Back to Subscriptions",
     "manageSubscription" : "Manage Your Subscription",
+    "subscriptionHelp" : "Subscription Help",
+    "subscriptionHelpDescription" : "If you have any questions, please contact us. We are happy to help you. service@lowcoder.cloud",
   },
   "subscriptionError": {
     "fetchProductDetails": "Error fetching product details.",
diff --git a/client/packages/lowcoder/src/pages/setting/subscriptions/subscriptionDetail.tsx b/client/packages/lowcoder/src/pages/setting/subscriptions/subscriptionDetail.tsx
@@ -216,11 +216,18 @@ export function SubscriptionDetail() {
       </CardWrapper>
 
       {/* Manage Subscription Button */}
-      <CardWrapper title={trans("subscription.manageSubscription")} style={{marginBottom : "60px"}}>
+      <CardWrapper title={trans("subscription.manageSubscription")}>
         <ManageSubscriptionButton type="primary" onClick={handleCustomerPortalRedirect}>
           {trans("subscription.manageSubscription")}
         </ManageSubscriptionButton>
       </CardWrapper>
+
+      {/* Manage Subscription Button */}
+      <CardWrapper title={trans("subscription.subscriptionHelp")}>
+        <span>{trans("subscription.subscriptionHelpDescription")}</span>
+      </CardWrapper>
+
+      <br/><br/>
     </Wrapper>
   );
 }
