plane/web/constants/cycle.tsx
Anmol Singh Bhatia 8eaac60aa5
style: cycle ui revamp, and chore: code refactor (#2558)
* chore: cycle custom svg icon added and code refactor

* chore: module code refactor

* style: cycle ui revamp and code refactor

* chore: cycle card view layout fix

* chore: layout fix

* style: module and cycle title tooltip position
2023-10-30 19:22:27 +05:30

77 lines
1.3 KiB
TypeScript

import { GanttChart, Kanban, List } from "lucide-react";
export const CYCLE_TAB_LIST = [
{
key: "all",
name: "All",
},
{
key: "active",
name: "Active",
},
{
key: "upcoming",
name: "Upcoming",
},
{
key: "completed",
name: "Completed",
},
{
key: "draft",
name: "Drafts",
},
];
export const CYCLE_VIEWS = [
{
key: "list",
icon: <List className="h-4 w-4" />,
},
{
key: "board",
icon: <Kanban className="h-4 w-4" />,
},
{
key: "gantt",
icon: <GanttChart className="h-4 w-4" />,
},
];
export const CYCLE_STATUS: {
label: string;
value: "current" | "upcoming" | "completed" | "draft";
color: string;
textColor: string;
bgColor: string;
}[] = [
{
label: "day left",
value: "current",
color: "#F59E0B",
textColor: "text-amber-500",
bgColor: "bg-amber-50",
},
{
label: "Yet to start",
value: "upcoming",
color: "#3F76FF",
textColor: "text-blue-500",
bgColor: "bg-indigo-50",
},
{
label: "Completed",
value: "completed",
color: "#16A34A",
textColor: "text-green-600",
bgColor: "bg-green-50",
},
{
label: "Draft",
value: "draft",
color: "#525252",
textColor: "text-custom-text-300",
bgColor: "bg-custom-background-90",
},
];