Prateek ShouryaandGitHub
9cfde896b3
* [WEB-5134] refactor: update `web` ESLint configuration and refactor imports to use type imports - Enhanced ESLint configuration by adding new rules for import consistency and type imports. - Refactored multiple files to replace regular imports with type imports for better clarity and performance. - Ensured consistent use of type imports across the application to align with TypeScript best practices. * refactor: standardize type imports across components - Updated multiple files to replace regular imports with type imports for improved clarity and consistency. - Ensured adherence to TypeScript best practices in the rich filters and issue layouts components.
32 lines
953 B
TypeScript
32 lines
953 B
TypeScript
"use client";
|
|
|
|
import type { FC } from "react";
|
|
import { cn } from "@plane/utils";
|
|
|
|
type Props = {
|
|
icon: React.ReactNode;
|
|
title: string;
|
|
description?: string;
|
|
actionElement?: React.ReactNode;
|
|
customClassName?: string;
|
|
};
|
|
|
|
export const SectionEmptyState: FC<Props> = (props) => {
|
|
const { title, description, icon, actionElement, customClassName } = props;
|
|
return (
|
|
<div
|
|
className={cn(
|
|
"flex flex-col gap-4 items-center justify-center rounded-md border border-custom-border-200 p-10",
|
|
customClassName
|
|
)}
|
|
>
|
|
<div className="flex flex-col items-center gap-2">
|
|
<div className="flex items-center justify-center size-8 bg-custom-background-80 rounded">{icon}</div>
|
|
<span className="text-sm font-medium">{title}</span>
|
|
{description && <span className="text-xs text-custom-text-300">{description}</span>}
|
|
</div>
|
|
{actionElement && <>{actionElement}</>}
|
|
</div>
|
|
);
|
|
};
|