mirror of
https://github.com/makeplane/plane.git
synced 2026-06-13 19:19:54 +00:00
Aaron
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>
33 lines
1.0 KiB
TypeScript
33 lines
1.0 KiB
TypeScript
import type { FC } from "react";
|
|
import { AlertCircle, CheckCircle2 } from "lucide-react";
|
|
|
|
type TBanner = {
|
|
type: "success" | "error";
|
|
message: string;
|
|
};
|
|
|
|
export function Banner(props: TBanner) {
|
|
const { type, message } = props;
|
|
|
|
return (
|
|
<div
|
|
className={`rounded-md p-2 w-full border ${type === "error" ? "bg-red-500/5 border-red-400" : "bg-green-500/5 border-green-400"}`}
|
|
>
|
|
<div className="flex items-center justify-center">
|
|
<div className="flex-shrink-0">
|
|
{type === "error" ? (
|
|
<span className="flex items-center justify-center h-6 w-6 rounded-full">
|
|
<AlertCircle className="h-5 w-5 text-red-600" aria-hidden="true" />
|
|
</span>
|
|
) : (
|
|
<CheckCircle2 className="h-5 w-5 text-green-600" aria-hidden="true" />
|
|
)}
|
|
</div>
|
|
<div className="ml-1">
|
|
<p className={`text-sm font-medium ${type === "error" ? "text-red-600" : "text-green-600"}`}>{message}</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|