35 lines
1.1 KiB
TypeScript
35 lines
1.1 KiB
TypeScript
import { useState } from "react";
|
|
import { observer } from "mobx-react";
|
|
// ui
|
|
import { Button, Tooltip } from "@plane/ui";
|
|
// hooks
|
|
import { usePlatformOS } from "@/hooks/use-platform-os";
|
|
// assets
|
|
import packageJson from "package.json";
|
|
// local components
|
|
import { PaidPlanUpgradeModal } from "./upgrade";
|
|
|
|
export const WorkspaceEditionBadge = observer(() => {
|
|
const { isMobile } = usePlatformOS();
|
|
// states
|
|
const [isPaidPlanPurchaseModalOpen, setIsPaidPlanPurchaseModalOpen] = useState(false);
|
|
|
|
return (
|
|
<>
|
|
<PaidPlanUpgradeModal
|
|
isOpen={isPaidPlanPurchaseModalOpen}
|
|
handleClose={() => setIsPaidPlanPurchaseModalOpen(false)}
|
|
/>
|
|
<Tooltip tooltipContent={`Version: v${packageJson.version}`} isMobile={isMobile}>
|
|
<Button
|
|
tabIndex={-1}
|
|
variant="accent-primary"
|
|
className="w-full cursor-pointer rounded-2xl px-4 py-1.5 text-center text-sm font-medium outline-none"
|
|
onClick={() => setIsPaidPlanPurchaseModalOpen(true)}
|
|
>
|
|
Upgrade
|
|
</Button>
|
|
</Tooltip>
|
|
</>
|
|
);
|
|
});
|