mirror of
https://github.com/makeplane/plane
synced 2024-06-14 14:31:34 +00:00
53b41481a2
* chore: remove one-time fetching * chore: update empty states * chore: updated icons * chore: empty state content
31 lines
957 B
TypeScript
31 lines
957 B
TypeScript
import Image from "next/image";
|
|
import { useTheme } from "next-themes";
|
|
// types
|
|
import { TIssuesListTypes } from "@plane/types";
|
|
// constants
|
|
import { ASSIGNED_ISSUES_EMPTY_STATES } from "constants/dashboard";
|
|
|
|
type Props = {
|
|
type: TIssuesListTypes;
|
|
};
|
|
|
|
export const AssignedIssuesEmptyState: React.FC<Props> = (props) => {
|
|
const { type } = props;
|
|
// next-themes
|
|
const { resolvedTheme } = useTheme();
|
|
|
|
const typeDetails = ASSIGNED_ISSUES_EMPTY_STATES[type];
|
|
|
|
const image = resolvedTheme === "dark" ? typeDetails.darkImage : typeDetails.lightImage;
|
|
|
|
// TODO: update empty state logic to use a general component
|
|
return (
|
|
<div className="text-center space-y-6 flex flex-col items-center">
|
|
<div className="h-24 w-24">
|
|
<Image src={image} className="w-full h-full" alt="Assigned issues" />
|
|
</div>
|
|
<p className="text-sm font-medium text-custom-text-300 whitespace-pre-line">{typeDetails.title}</p>
|
|
</div>
|
|
);
|
|
};
|