binarybeach/bb-plane-fork
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

[WEB-2500] feat: Product updates modal (What's new in Plane) (#5690)

Browse source 
* [WEB-2500] feat: Product updates modal (What's new in Plane)

* fix: build errors.

* fix: lint errors resolved.

* chore: minor improvements.

* chore: minor fixes
This commit is contained in:
Prateek Shourya 2024-10-29 19:26:00 +05:30 • committed by GitHub
parent c423d7d9df
commit 4bc751b7ab
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
19 changed files with 250 additions and 151 deletions
Download patch file Download diff file Expand all files Collapse all files

3
web/ce/components/global/index.ts
View file

@ -1,3 +1,2 @@
export * from "./version-number";
export * from "./product-updates";
export * from "./product-updates-modal";
export * from "./product-updates-header";

26
web/ce/components/global/product-updates-header.tsx Normal file
View file

@ -0,0 +1,26 @@
import { observer } from "mobx-react";
import Image from "next/image";
// helpers
import { cn } from "@/helpers/common.helper";
// assets
import PlaneLogo from "@/public/plane-logos/blue-without-text.png";
// package.json
import packageJson from "package.json";
export const ProductUpdatesHeader = observer(() => (
<div className="flex gap-2 mx-6 my-4 items-center justify-between flex-shrink-0">
<div className="flex w-full items-center">
<div className="flex gap-2 text-xl font-medium">What&apos;s new</div>
<div
className={cn(
"px-2 mx-2 py-0.5 text-center text-xs font-medium rounded-full bg-custom-primary-100/20 text-custom-primary-100"
)}
>
Version: v{packageJson.version}
</div>
</div>
<div className="flex flex-shrink-0 items-center gap-8">
<Image src={PlaneLogo} alt="Plane" width={24} height={24} />
</div>
</div>
));

9
web/ce/components/global/product-updates-modal.tsx
View file

@ -1,9 +0,0 @@
import { FC } from "react";
import { observer } from "mobx-react";
export type ProductUpdatesModalProps = {
isOpen: boolean;
handleClose: () => void;
};
export const ProductUpdatesModal: FC<ProductUpdatesModalProps> = observer(() => <></>);

21
web/ce/components/global/product-updates.tsx
View file

@ -1,21 +0,0 @@
import { FC } from "react";
import { observer } from "mobx-react";
import Link from "next/link";
// ui
import { CustomMenu } from "@plane/ui";
export type ProductUpdatesProps = {
setIsChangeLogOpen: (isOpen: boolean) => void;
};
export const ProductUpdates: FC<ProductUpdatesProps> = observer(() => (
<CustomMenu.MenuItem>
<Link
href="https://go.plane.so/p-changelog"
target="_blank"
className="flex w-full items-center justify-start text-xs hover:bg-custom-background-80"
>
<span className="text-xs">What&apos;s new</span>
</Link>
</CustomMenu.MenuItem>
));