23059a1de3
Some checks failed
CodeQL / Analyze (javascript) (push) Failing after 16s
CodeQL / Analyze (python) (push) Failing after 3s
i18n sync check / check:sync (push) Failing after 3s
React Doctor / react-doctor (push) Failing after 16s
Branch Build CE / Build-Push Admin Docker Image (${{ matrix.arch }}) (push) Has been cancelled
Branch Build CE / Merge Admin Manifest (push) Has been cancelled
Branch Build CE / Build-Push Web Docker Image (${{ matrix.arch }}) (push) Has been cancelled
Branch Build CE / Merge Web Manifest (push) Has been cancelled
Branch Build CE / Build-Push Space Docker Image (${{ matrix.arch }}) (push) Has been cancelled
Branch Build CE / Merge Proxy Manifest (push) Has been cancelled
Branch Build CE / Merge Space Manifest (push) Has been cancelled
Branch Build CE / Prepare AIO Assets (push) Has been cancelled
Branch Build CE / Build Setup (push) Has been cancelled
Branch Build CE / Build-Push Live Collaboration Docker Image (${{ matrix.arch }}) (push) Has been cancelled
Branch Build CE / Merge Live Collaboration Manifest (push) Has been cancelled
Branch Build CE / Build-Push API Server Docker Image (${{ matrix.arch }}) (push) Has been cancelled
Branch Build CE / Merge API Server Manifest (push) Has been cancelled
Branch Build CE / Build-Push Proxy Docker Image (${{ matrix.arch }}) (push) Has been cancelled
Branch Build CE / Build-Push AIO Docker Image (${{ matrix.arch }}) (push) Has been cancelled
Branch Build CE / Merge AIO Manifest (push) Has been cancelled
Branch Build CE / Upload Build Assets (push) Has been cancelled
Branch Build CE / Build Release (push) Has been cancelled
67 lines
2.2 KiB
TypeScript
67 lines
2.2 KiB
TypeScript
/**
|
|
* Copyright (c) 2023-present Plane Software, Inc. and contributors
|
|
* SPDX-License-Identifier: AGPL-3.0-only
|
|
* See the LICENSE file for details.
|
|
*/
|
|
|
|
import {
|
|
ClockOutline,
|
|
CloseCircleOutline,
|
|
CopyOutline,
|
|
TickCircleOutline,
|
|
WarningTriangleOutline,
|
|
} from "@makeplane/propel/icons";
|
|
import type { TInboxIssueStatus } from "@plane/types";
|
|
import { EInboxIssueStatus } from "@plane/types";
|
|
import { cn } from "@plane/utils";
|
|
|
|
export const ICON_PROPERTIES = {
|
|
[EInboxIssueStatus.PENDING]: {
|
|
icon: WarningTriangleOutline,
|
|
textColor: (snoozeDatePassed: boolean = false) => (snoozeDatePassed ? "" : "text-warning-primary"),
|
|
bgColor: (snoozeDatePassed: boolean = false) => (snoozeDatePassed ? "" : "bg-warning-subtle"),
|
|
},
|
|
[EInboxIssueStatus.DECLINED]: {
|
|
icon: CloseCircleOutline,
|
|
textColor: (snoozeDatePassed: boolean = false) => (snoozeDatePassed ? "" : "text-danger-primary"),
|
|
bgColor: (snoozeDatePassed: boolean = false) => (snoozeDatePassed ? "" : "bg-danger-subtle"),
|
|
},
|
|
[EInboxIssueStatus.SNOOZED]: {
|
|
icon: ClockOutline,
|
|
textColor: (snoozeDatePassed: boolean = false) => (snoozeDatePassed ? "text-danger-primary" : "text-placeholder"),
|
|
bgColor: (snoozeDatePassed: boolean = false) => (snoozeDatePassed ? "bg-danger-subtle" : "bg-layer-3"),
|
|
},
|
|
[EInboxIssueStatus.ACCEPTED]: {
|
|
icon: TickCircleOutline,
|
|
textColor: (snoozeDatePassed: boolean = false) => (snoozeDatePassed ? "" : "text-success-primary"),
|
|
bgColor: (snoozeDatePassed: boolean = false) => (snoozeDatePassed ? "" : "bg-success-subtle"),
|
|
},
|
|
[EInboxIssueStatus.DUPLICATE]: {
|
|
icon: CopyOutline,
|
|
textColor: (snoozeDatePassed: boolean = false) => (snoozeDatePassed ? "" : "text-secondary"),
|
|
bgColor: (snoozeDatePassed: boolean = false) => (snoozeDatePassed ? "" : "bg-layer-3"),
|
|
},
|
|
};
|
|
export function InboxStatusIcon({
|
|
type,
|
|
size,
|
|
className,
|
|
renderColor = true,
|
|
}: {
|
|
type: TInboxIssueStatus;
|
|
size?: number;
|
|
className?: string;
|
|
renderColor?: boolean;
|
|
}) {
|
|
if (type === undefined) return null;
|
|
const Icon = ICON_PROPERTIES[type];
|
|
if (!Icon) return null;
|
|
return (
|
|
<Icon.icon
|
|
width={size}
|
|
height={size}
|
|
className={cn(`h-3 w-3 ${renderColor && Icon?.textColor(false)}`, className)}
|
|
/>
|
|
);
|
|
}
|