diff --git a/web/ce/components/workspace/edition-badge.tsx b/web/ce/components/workspace/edition-badge.tsx new file mode 100644 index 0000000000..5b81bae785 --- /dev/null +++ b/web/ce/components/workspace/edition-badge.tsx @@ -0,0 +1,19 @@ +import { observer } from "mobx-react"; +// ui +import { Tooltip } from "@plane/ui"; +// hooks +import { usePlatformOS } from "@/hooks/use-platform-os"; +// assets +import packageJson from "package.json"; + +export const WorkspaceEditionBadge = observer(() => { + const { isMobile } = usePlatformOS(); + + return ( + +
+ Community +
+
+ ); +}); diff --git a/web/ce/components/workspace/index.ts b/web/ce/components/workspace/index.ts new file mode 100644 index 0000000000..d373164c53 --- /dev/null +++ b/web/ce/components/workspace/index.ts @@ -0,0 +1 @@ +export * from "./edition-badge"; diff --git a/web/core/components/workspace/help-section.tsx b/web/core/components/workspace/help-section.tsx index 6c7bf296a6..2156fa7066 100644 --- a/web/core/components/workspace/help-section.tsx +++ b/web/core/components/workspace/help-section.tsx @@ -13,6 +13,8 @@ import { cn } from "@/helpers/common.helper"; import { useAppTheme, useCommandPalette } from "@/hooks/store"; import useOutsideClickDetector from "@/hooks/use-outside-click-detector"; import { usePlatformOS } from "@/hooks/use-platform-os"; +// components +import { WorkspaceEditionBadge } from "@/plane-web/components/workspace"; // assets import packageJson from "package.json"; import { PlaneBadge } from "./plane-badge"; @@ -70,9 +72,9 @@ export const WorkspaceHelpSection: React.FC = observe )} > {!isCollapsed && ( - <> - - +
+ +
)}