Mirrors/plane
1
0
Fork 0
mirror of https://github.com/makeplane/plane.git synced 2026-07-14 06:25:58 +02:00
Code Issues Packages Projects Releases Wiki Activity

fix: upgrade empty state (#2302)

Browse Source
This commit is contained in:
Prateek Shourya
2025-01-27 14:21:01 +05:30
committed by GitHub
parent 2c5c99a84e
commit 8e4e60e33f
2 changed files with 46 additions and 35 deletions
Download Patch File Download Diff File Expand all files Collapse all files

50
web/ee/components/initiatives/upgrade.tsx
View File

@@ -28,12 +28,12 @@ export const InitiativesUpgrade: FC<Props> = observer((props) => {
// store hooks
const { resolvedTheme } = useTheme();
const { isWorkspaceFeatureEnabled, updateWorkspaceFeature } = useWorkspaceFeatures();
const { currentWorkspaceSubscribedPlanDetail: subscriptionDetail, togglePaidPlanModal } = useWorkspaceSubscription();
const { currentWorkspaceSubscribedPlanDetail: subscriptionDetail } = useWorkspaceSubscription();
// derived values
const isInitiativesFeatureFlagEnabled = useFlag(workspaceSlug, "INITIATIVES");
const isInitiativesFeatureEnabled = isWorkspaceFeatureEnabled(EWorkspaceFeatures.IS_INITIATIVES_ENABLED);
const isSelfManagedUpgradeDisabled = subscriptionDetail?.is_self_managed && subscriptionDetail?.product !== "FREE";
const isPlaneOneInstance = subscriptionDetail?.is_self_managed && subscriptionDetail?.product === "ONE";
// handlers
const handleEnableInitiatives = async () => {
@@ -62,6 +62,30 @@ export const InitiativesUpgrade: FC<Props> = observer((props) => {
}
};
const getUpgradeButton = () => {
if (isInitiativesFeatureFlagEnabled) {
return redirect ? (
<a href={`/${workspaceSlug}/settings/initiatives/`} className={getButtonStyling("primary", "md")}>
Enable
</a>
) : (
<Button disabled={isLoading} onClick={() => handleEnableInitiatives()}>
Enable
</Button>
);
}
if (isPlaneOneInstance) {
return (
<a href="https://prime.plane.so/" target="_blank" className={getButtonStyling("primary", "md")}>
Upgrade to higher subscription
</a>
);
}
return <Button disabled>Coming Soon</Button>;
};
return (
<div className="pr-10">
<div
@@ -77,27 +101,7 @@ export const InitiativesUpgrade: FC<Props> = observer((props) => {
Group projects like you group issues—by state, priority, or any other—and track their progress in one
click.
</div>
<div className="flex mt-6 gap-4 flex-wrap">
{isInitiativesFeatureFlagEnabled ? (
redirect ? (
<a href={`/${workspaceSlug}/settings/initiatives/`} className={getButtonStyling("primary", "md")}>
Enable
</a>
) : (
<Button disabled={isLoading} onClick={() => handleEnableInitiatives()}>
Enable
</Button>
)
) : isSelfManagedUpgradeDisabled ? (
<a href="https://prime.plane.so/" target="_blank" className={getButtonStyling("primary", "md")}>
Get Pro
</a>
) : (
<Button disabled={isLoading} onClick={() => togglePaidPlanModal(true)}>
Upgrade
</Button>
)}
</div>
<div className="flex mt-6 gap-4 flex-wrap">{getUpgradeButton()}</div>
</div>
</div>
<Image

31
web/ee/components/teams/upgrade.tsx
View File

@@ -20,7 +20,24 @@ export const TeamsUpgrade: FC = observer(() => {
const { resolvedTheme } = useTheme();
const { currentWorkspaceSubscribedPlanDetail: subscriptionDetail, togglePaidPlanModal } = useWorkspaceSubscription();
// derived values
const isSelfManagedUpgradeDisabled = subscriptionDetail?.is_self_managed && subscriptionDetail?.product !== "FREE";
const isPlaneOneInstance = subscriptionDetail?.is_self_managed && subscriptionDetail?.product === "ONE";
const getUpgradeButton = () => {
if (isPlaneOneInstance) {
return (
<a href="https://prime.plane.so/" target="_blank" className={getButtonStyling("primary", "md")}>
Upgrade to higher subscription
</a>
);
}
return (
<Button variant="primary" onClick={() => togglePaidPlanModal(true)}>
<Crown className="h-3.5 w-3.5" />
Upgrade
</Button>
);
};
return (
<div className="pr-10">
@@ -37,17 +54,7 @@ export const TeamsUpgrade: FC = observer(() => {
Get Teamspaces with a Pro or higher subscription and organize people + their work into a separate space.
</div>
<div className="flex mt-6 gap-4 flex-wrap">
{isSelfManagedUpgradeDisabled ? (
<a href="https://prime.plane.so/" target="_blank" className={getButtonStyling("primary", "md")}>
<Crown className="h-3.5 w-3.5" />
Get Pro
</a>
) : (
<Button variant="primary" onClick={() => togglePaidPlanModal(true)}>
<Crown className="h-3.5 w-3.5" />
Upgrade
</Button>
)}
{getUpgradeButton()}
<Link
target="_blank"
href="https://plane.so/contact"