Mirrors/plane
1
0
Fork 0
mirror of https://github.com/makeplane/plane.git synced 2026-07-12 13:29:56 +02:00
Code Issues Packages Projects Releases Wiki Activity

chore: state progress color consistency (#787)

Browse Source
This commit is contained in:
Anmol Singh Bhatia
2024-08-08 20:10:53 +05:30
committed by GitHub
parent 983a1b9acc
commit 653bdbe649
3 changed files with 7 additions and 31 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
web/core/constants/cycle.ts
View File

@@ -127,27 +127,3 @@ export const WORKSPACE_ACTIVE_CYCLES_DETAILS = [
icon: Microscope,
},
];
// ee
export const WORKSPACE_ACTIVE_CYCLE_STATE_GROUPS_DETAILS = [
{
key: "completed_issues",
title: "Completed",
color: "#6490FE",
},
{
key: "started_issues",
title: "Started",
color: "#FDD97F",
},
{
key: "unstarted_issues",
title: "Unstarted",
color: "#FEB055",
},
{
key: "backlog_issues",
title: "Backlog",
color: "#F0F0F3",
},
];

6
web/ee/components/active-cycles/progress.tsx
View File

@@ -6,7 +6,7 @@ import { LinearProgressIndicator } from "@plane/ui";
// components
import { EmptyState } from "@/components/empty-state";
// constants
import { WORKSPACE_ACTIVE_CYCLE_STATE_GROUPS_DETAILS } from "@/constants/cycle";
import { PROGRESS_STATE_GROUPS_DETAILS } from "@/constants/common";
import { EmptyStateType } from "@/constants/empty-state";
export type ActiveCycleProgressProps = {
@@ -16,7 +16,7 @@ export type ActiveCycleProgressProps = {
export const ActiveCycleProgress: FC<ActiveCycleProgressProps> = (props) => {
const { cycle } = props;
const progressIndicatorData = WORKSPACE_ACTIVE_CYCLE_STATE_GROUPS_DETAILS.map((group, index) => ({
const progressIndicatorData = PROGRESS_STATE_GROUPS_DETAILS.map((group, index) => ({
id: index,
name: group.title,
value: cycle.total_issues > 0 ? (cycle[group.key as keyof ICycle] as number) : 0,
@@ -57,7 +57,7 @@ export const ActiveCycleProgress: FC<ActiveCycleProgressProps> = (props) => {
<span
className="block h-3 w-3 rounded-full"
style={{
backgroundColor: WORKSPACE_ACTIVE_CYCLE_STATE_GROUPS_DETAILS[index].color,
backgroundColor: PROGRESS_STATE_GROUPS_DETAILS[index].color,
}}
/>
<span className="text-custom-text-300 capitalize font-medium w-16">{group}</span>

8
web/ee/components/cycles/active-cycles/progress.tsx
View File

@@ -4,7 +4,7 @@ import { ICycle } from "@plane/types";
// ui
import { LinearProgressIndicator, Loader } from "@plane/ui";
// constants
import { WORKSPACE_ACTIVE_CYCLE_STATE_GROUPS_DETAILS } from "@/constants/cycle";
import { PROGRESS_STATE_GROUPS_DETAILS } from "@/constants/common";
export type ActiveCycleProgressProps = {
cycle: ICycle;
@@ -13,7 +13,7 @@ export type ActiveCycleProgressProps = {
export const ActiveCycleProgress: FC<ActiveCycleProgressProps> = (props) => {
const { cycle } = props;
const progressIndicatorData = WORKSPACE_ACTIVE_CYCLE_STATE_GROUPS_DETAILS.map((group, index) => ({
const progressIndicatorData = PROGRESS_STATE_GROUPS_DETAILS.map((group, index) => ({
id: index,
name: group.title,
value: cycle.total_issues > 0 ? (cycle[group.key as keyof ICycle] as number) : 0,
@@ -60,7 +60,7 @@ export const ActiveCycleProgress: FC<ActiveCycleProgressProps> = (props) => {
<span
className="block h-3 w-3 rounded-full"
style={{
backgroundColor: WORKSPACE_ACTIVE_CYCLE_STATE_GROUPS_DETAILS[index].color,
backgroundColor: PROGRESS_STATE_GROUPS_DETAILS[index].color,
}}
/>
<span className="text-custom-text-300 capitalize font-medium w-16">{group}</span>
@@ -78,7 +78,7 @@ export const ActiveCycleProgress: FC<ActiveCycleProgressProps> = (props) => {
<span
className="block h-3 w-3 rounded-full"
style={{
backgroundColor: WORKSPACE_ACTIVE_CYCLE_STATE_GROUPS_DETAILS[index].color,
backgroundColor: PROGRESS_STATE_GROUPS_DETAILS[index].color,
}}
/>
<span className="text-custom-text-300 capitalize font-medium w-16">{group}</span>