chore: add feature flags checks to upgrade badge. (#629)

This commit is contained in:
Prateek Shourya
2024-07-16 16:48:34 +05:30
committed by GitHub
parent 22372d4f4e
commit 2b1b90c968
3 changed files with 8 additions and 4 deletions

View File

@@ -23,7 +23,7 @@ export const WorkspaceActiveCycleHeader = observer(() => (
}
/>
</Breadcrumbs>
<UpgradeBadge size="md" />
<UpgradeBadge size="md" flag="WORKSPACE_ACTIVE_CYCLES" />
</div>
</div>
</div>

View File

@@ -126,7 +126,7 @@ export const SidebarWorkspaceMenu = observer(() => {
</div>
{!sidebarCollapsed && link.key === "active-cycles" && (
<div className="flex-shrink-0">
<UpgradeBadge />
<UpgradeBadge flag="WORKSPACE_ACTIVE_CYCLES" />
</div>
)}
</div>

View File

@@ -4,20 +4,24 @@ import { observer } from "mobx-react";
import { cn } from "@/helpers/common.helper";
// store
import { useWorkspaceSubscription } from "@/plane-web/hooks/store";
// plane web hooks
import { E_FEATURE_FLAGS, useFlag } from "@/plane-web/hooks/store/use-flag";
type TUpgradeBadge = {
className?: string;
size?: "sm" | "md";
flag?: keyof typeof E_FEATURE_FLAGS;
};
export const UpgradeBadge: FC<TUpgradeBadge> = observer((props) => {
const { className, size = "sm" } = props;
const { className, size = "sm", flag } = props;
// store hooks
const { currentWorkspaceSubscribedPlanDetail } = useWorkspaceSubscription();
// derived values
const isFeatureEnabled = flag ? useFlag(flag) : false;
const isSubscribedToPro = currentWorkspaceSubscribedPlanDetail?.product === "PRO";
if (!currentWorkspaceSubscribedPlanDetail || isSubscribedToPro) {
if (!currentWorkspaceSubscribedPlanDetail || isFeatureEnabled || isSubscribedToPro) {
return null;
}