26b48bfcf0
* feat: add card component to propel package and update tooltip imports * refactor: remove @plane/ui dependency and update tooltip imports to use local card component * fix: lint * refactor: update import from @plane/ui to @plane/utils in command component * chore: removed blueprintjs/core and blueprintjs/popover2 dependencies * chore: updated tooltip instances across platform and performed related code refactoring * chore: code refactor * chore: code refactor * fix: lint and build error * chore: code refactor * chore: code refactor * chore: code refactor * chore: code refactor * fix: format issue * fix: build fix --------- Co-authored-by: Jayash Tripathy <76092296+JayashTripathy@users.noreply.github.com>
41 lines
1.3 KiB
TypeScript
41 lines
1.3 KiB
TypeScript
import { useState } from "react";
|
|
import { observer } from "mobx-react";
|
|
// ui
|
|
import { useTranslation } from "@plane/i18n";
|
|
import { Tooltip } from "@plane/propel/tooltip";
|
|
import { Button } from "@plane/ui";
|
|
// hooks
|
|
import { usePlatformOS } from "@/hooks/use-platform-os";
|
|
import packageJson from "package.json";
|
|
// local components
|
|
import { PaidPlanUpgradeModal } from "../license";
|
|
|
|
export const WorkspaceEditionBadge = observer(() => {
|
|
// states
|
|
const [isPaidPlanPurchaseModalOpen, setIsPaidPlanPurchaseModalOpen] = useState(false);
|
|
// translation
|
|
const { t } = useTranslation();
|
|
// platform
|
|
const { isMobile } = usePlatformOS();
|
|
|
|
return (
|
|
<>
|
|
<PaidPlanUpgradeModal
|
|
isOpen={isPaidPlanPurchaseModalOpen}
|
|
handleClose={() => setIsPaidPlanPurchaseModalOpen(false)}
|
|
/>
|
|
<Tooltip tooltipContent={`Version: v${packageJson.version}`} isMobile={isMobile}>
|
|
<Button
|
|
tabIndex={-1}
|
|
variant="accent-primary"
|
|
className="w-fit min-w-24 cursor-pointer rounded-2xl px-2 py-1 text-center text-sm font-medium outline-none"
|
|
onClick={() => setIsPaidPlanPurchaseModalOpen(true)}
|
|
aria-haspopup="dialog"
|
|
aria-label={t("aria_labels.projects_sidebar.edition_badge")}
|
|
>
|
|
Community
|
|
</Button>
|
|
</Tooltip>
|
|
</>
|
|
);
|
|
});
|