83fdebf64d
- Add jscodeshift-based codemod to convert arrow function components to function declarations - Support React.FC, observer-wrapped, and forwardRef components - Include comprehensive test suite covering edge cases - Add npm script to run transformer across codebase - Target only .tsx files in source directories, excluding node_modules and declaration files * [WEB-5459] chore: updates after running codemod --------- Co-authored-by: sriramveeraghanta <veeraghanta.sriram@gmail.com>
28 lines
999 B
TypeScript
28 lines
999 B
TypeScript
import { observer } from "mobx-react";
|
|
import { useTranslation } from "@plane/i18n";
|
|
import { PlaneLogo } from "@plane/propel/icons";
|
|
// helpers
|
|
import { cn } from "@plane/utils";
|
|
// package.json
|
|
import packageJson from "package.json";
|
|
|
|
export const ProductUpdatesHeader = observer(function ProductUpdatesHeader() {
|
|
const { t } = useTranslation();
|
|
return (
|
|
<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">{t("whats_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"
|
|
)}
|
|
>
|
|
{t("version")}: v{packageJson.version}
|
|
</div>
|
|
</div>
|
|
<div className="flex flex-shrink-0 items-center gap-8">
|
|
<PlaneLogo className="h-6 w-auto text-custom-text-100" />
|
|
</div>
|
|
</div>
|
|
);
|
|
});
|