Fixing Image Display

Author: FalkWolsky

client/packages/lowcoder/src/constants/subscriptionConstants.ts

@@ -21,7 +21,7 @@ export enum SubscriptionProductsEnum {
 
 export const InitSubscriptionProducts = [
   {
-    pricingType: "Monthly, per User",
+    pricingType: "For this Workspace, monthly, per User",
     activeSubscription: false,
     accessLink: "1PhH38DDlQgecLSfSukEgIeV",
     product: SubscriptionProductsEnum.SUPPORT,
@@ -32,7 +32,7 @@ export const InitSubscriptionProducts = [
     quantity_entity: "orgUser",
   },
   {
-    pricingType: "Monthly, per User",
+    pricingType: "For you in this Workspace, monthly",
     activeSubscription: false,
     accessLink: "1Pf65wDDlQgecLSf6OFlbsD5",
     product: SubscriptionProductsEnum.MEDIAPACKAGE,
@@ -43,7 +43,7 @@ export const InitSubscriptionProducts = [
     quantity_entity: "singleItem",
   },
   {
-    pricingType: "Monthly, per User",
+    pricingType: "For all in this Workspace, monthly",
     activeSubscription: false,
     accessLink: "1PttHIDDlQgecLSf0XP27tXt",
     product: "QlQ7cdOh8Lv4dy",

client/packages/lowcoder/src/pages/setting/subscriptions/productCard.tsx

@@ -98,7 +98,7 @@ export const ProductCard: React.FC<ProductCardProps> = ({
     >
       <ProductTitle>{title}</ProductTitle>
       <ProductDescription>{description}</ProductDescription>
-      <PricingTypeDescription>{pricingType} {activeSubscription && <><span> | Subscribed: </span><CheckCircleOutlined key="check" style={{ color: 'green' }} /></>}</PricingTypeDescription>
+      <PricingTypeDescription>{pricingType} {activeSubscription && <><span> Subscribed </span><CheckCircleOutlined key="check" style={{ color: 'green' }} /></>}</PricingTypeDescription>
     </ProductCardContainer>
   );
 };

client/packages/lowcoder/src/pages/setting/subscriptions/subscriptionInfo.tsx

@@ -123,7 +123,7 @@ export function SubscriptionInfo() {
             hoverable
             style={{ minWidth: "350px", width: "35%" }}
             cover={
-              <img loading="lazy" alt={product.name} src={product.images[0]} style={{width: '100%', height: '375px', background: '#f2f2f2'}} />
+              <img loading="lazy" alt={product.name} src={product.images[0]} style={{width: '100%', height: 'auto', background: '#f2f2f2'}} />
             }
             actions={[]}
           >

client/packages/lowcoder/src/util/context/SimpleSubscriptionContext.tsx

@@ -1,4 +1,4 @@
-import { createCheckoutLink, createCustomer, getProducts, searchCustomer } from "@lowcoder-ee/api/subscriptionApi";
+import { createCustomer, getProducts, searchCustomer } from "@lowcoder-ee/api/subscriptionApi";
 import { StripeCustomer, SubscriptionProduct, InitSubscriptionProducts, LowcoderSearchCustomer, LowcoderNewCustomer, Subscription } from "@lowcoder-ee/constants/subscriptionConstants";
 import { getDeploymentId } from "@lowcoder-ee/redux/selectors/configSelectors";
 import { getFetchSubscriptionsFinished, getSubscriptions, getSubscriptionsError } from "@lowcoder-ee/redux/selectors/subscriptionSelectors";

client/packages/lowcoder/src/util/context/SubscriptionContext.tsx

@@ -141,7 +141,7 @@ export const SubscriptionContextProvider = (props: {
                 };
               } else {
                 // Use the user count to set the quantity for checkout link
-                const checkoutLink = await createCheckoutLink(customer!, product.accessLink, userCount);
+                const checkoutLink = await createCheckoutLink(customer!, product.accessLink, product.quantity_entity == "orgUser" ? userCount : 1);
                 return {
                   ...product,
                   activeSubscription: false,