[WIKI-563] refactor: subscription styles (#7444)

* refactor: billing UI

* refactor : fix typo
This commit is contained in:
Vipin Chaudhary 2025-07-24 14:11:23 +05:30 committed by GitHub
parent af81064961
commit d7e58a60fa
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
11 changed files with 10 additions and 24 deletions

View file

@ -2,9 +2,8 @@ import { FC } from "react";
// plane imports
import { observer } from "mobx-react";
import { EProductSubscriptionEnum, TBillingFrequency } from "@plane/types";
import { getSubscriptionBackgroundColor, getDiscountPillStyle } from "@plane/ui";
import { calculateYearlyDiscount, cn } from "@plane/utils";
// plane web imports
import { getDiscountPillStyle, getSubscriptionBackgroundColor } from "@/components/workspace/billing/subscription";
type TPlanFrequencyToggleProps = {
subscriptionType: EProductSubscriptionEnum;

View file

@ -10,12 +10,10 @@ import {
} from "@plane/constants";
import { useTranslation } from "@plane/i18n";
import { EProductSubscriptionEnum, TBillingFrequency } from "@plane/types";
import { getButtonStyling } from "@plane/ui";
import { getButtonStyling, getUpgradeButtonStyle } from "@plane/ui";
import { cn, getSubscriptionName } from "@plane/utils";
// components
import { DiscountInfo } from "@/components/license/modal/card/discount-info";
// constants
import { getUpgradeButtonStyle } from "@/components/workspace/billing/subscription";
import { TPlanDetail } from "@/constants/plans";
// local imports
import { captureSuccess } from "@/helpers/event-tracker.helper";

View file

@ -4,10 +4,10 @@ import { observer } from "mobx-react";
import { DEFAULT_PRODUCT_BILLING_FREQUENCY, SUBSCRIPTION_WITH_BILLING_FREQUENCY } from "@plane/constants";
import { useTranslation } from "@plane/i18n";
import { EProductSubscriptionEnum, TBillingFrequency, TProductBillingFrequency } from "@plane/types";
import { getSubscriptionTextColor } from "@plane/ui";
import { cn } from "@plane/utils";
// components
import { SettingsHeading } from "@/components/settings";
import { getSubscriptionTextColor } from "@/components/workspace/billing/subscription";
// local imports
import { PlansComparison } from "./comparison/root";