mirror of
https://github.com/makeplane/plane
synced 2024-06-14 14:31:34 +00:00
c9337d4a41
* fix: created dashboard, widgets and dashboard widget model * fix: new user home dashboard * chore: recent projects list * chore: recent collaborators * chore: priority order change * chore: payload changes * chore: collaborator's active issue count * chore: all dashboard widgets added with services and typs * chore: centered metric for pie chart * chore: widget filters * chore: created issue filter * fix: created and assigned issues payload change * chore: created issue payload change * fix: date filter change * chore: implement filters * fix: added expansion fields * fix: changed issue structure with relation * chore: new issues response * fix: project member fix * chore: updated issue_relation structure * chore: code cleanup * chore: update issues response and added empty states * fix: button text wrap * chore: update empty state messages * fix: filters * chore: update dark mode empty states * build-error: Type check in the issue relation service * fix: issues redirection * fix: project empty state * chore: project member active check * chore: project member check in state and priority * chore: remove console logs and replace harcoded values with constants * fix: code refactoring * fix: key name changed * refactor: mapping through similar components using an array * fix: build errors --------- Co-authored-by: Aaryan Khandelwal <aaryankhandu123@gmail.com> Co-authored-by: gurusainath <gurusainath007@gmail.com>
43 lines
1.3 KiB
TypeScript
43 lines
1.3 KiB
TypeScript
import Image from "next/image";
|
|
import { useTheme } from "next-themes";
|
|
// helpers
|
|
import { cn } from "helpers/common.helper";
|
|
// types
|
|
import { TDurationFilterOptions, TIssuesListTypes } from "@plane/types";
|
|
// constants
|
|
import { CREATED_ISSUES_EMPTY_STATES } from "constants/dashboard";
|
|
|
|
type Props = {
|
|
filter: TDurationFilterOptions;
|
|
type: TIssuesListTypes;
|
|
};
|
|
|
|
export const CreatedIssuesEmptyState: React.FC<Props> = (props) => {
|
|
const { filter, type } = props;
|
|
// next-themes
|
|
const { resolvedTheme } = useTheme();
|
|
|
|
const typeDetails = CREATED_ISSUES_EMPTY_STATES[type];
|
|
|
|
const image = resolvedTheme === "dark" ? typeDetails.darkImage : typeDetails.lightImage;
|
|
|
|
return (
|
|
<div className="text-center space-y-10 mt-16 flex flex-col items-center">
|
|
<p className="text-sm font-medium text-custom-text-300">{typeDetails.title(filter)}</p>
|
|
<div
|
|
className={cn("w-1/2 h-1/3 p-1.5 pb-0 rounded-t-md", {
|
|
"border border-custom-border-200": resolvedTheme === "dark",
|
|
})}
|
|
style={{
|
|
background:
|
|
resolvedTheme === "light"
|
|
? "linear-gradient(135deg, rgba(235, 243, 255, 0.45) 3.57%, rgba(99, 161, 255, 0.24) 94.16%)"
|
|
: "",
|
|
}}
|
|
>
|
|
<Image src={image} className="w-full h-full" alt="Created issues" />
|
|
</div>
|
|
</div>
|
|
);
|
|
};
|