github/plane
0
0
Fork 1
mirror of https://github.com/makeplane/plane synced 2024-06-14 14:31:34 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix: default label color (#295)

Browse Source 
* fix: colors of old labels can now be changed

* fix: black color for labels with no color
This commit is contained in:
Aaryan Khandelwal 2023-02-17 17:06:30 +05:30 committed by GitHub
parent 7c1f357bed
commit 45319d81db
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
8 changed files with 20 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
apps/app/components/issues/select/label.tsx
View File

@ -102,7 +102,8 @@ export const IssueLabelSelect: React.FC<Props> = ({ setIsOpen, value, onChange,
<span
className="h-1.5 w-1.5 flex-shrink-0 rounded-full"
style={{
backgroundColor: label?.color ?? "green",
backgroundColor:
label.color && label.color !== "" ? label.color : "#000",
}}
/>
{label.name}
@ -128,7 +129,7 @@ export const IssueLabelSelect: React.FC<Props> = ({ setIsOpen, value, onChange,
<span
className="h-2 w-2 flex-shrink-0 rounded-full"
style={{
backgroundColor: child?.color ?? "green",
backgroundColor: child?.color ?? "black",
}}
/>
{child.name}

11
apps/app/components/issues/sidebar.tsx
View File

@ -324,7 +324,7 @@ export const IssueDetailsSidebar: React.FC<Props> = ({
>
<span
className="h-2 w-2 flex-shrink-0 rounded-full"
style={{ backgroundColor: label?.color ?? "green" }}
style={{ backgroundColor: label?.color ?? "black" }}
/>
{label.name}
<XMarkIcon className="h-2 w-2 group-hover:text-red-500" />
@ -386,7 +386,10 @@ export const IssueDetailsSidebar: React.FC<Props> = ({
<span
className="h-2 w-2 flex-shrink-0 rounded-full"
style={{
backgroundColor: label?.color ?? "green",
backgroundColor:
label.color && label.color !== ""
? label.color
: "#000",
}}
/>
{label.name}
@ -413,7 +416,7 @@ export const IssueDetailsSidebar: React.FC<Props> = ({
<span
className="h-2 w-2 flex-shrink-0 rounded-full"
style={{
backgroundColor: child?.color ?? "green",
backgroundColor: child?.color ?? "black",
}}
/>
{child.name}
@ -472,7 +475,7 @@ export const IssueDetailsSidebar: React.FC<Props> = ({
<span
className="h-5 w-5 rounded"
style={{
backgroundColor: watch("color") ?? "green",
backgroundColor: watch("color") ?? "black",
}}
/>
)}

2
apps/app/components/labels/create-label-modal.tsx
View File

@ -118,7 +118,7 @@ export const CreateLabelModal: React.FC<Props> = ({ isOpen, projectId, handleClo
<span
className="ml-2 h-4 w-4 rounded"
style={{
backgroundColor: watch("color") ?? "green",
backgroundColor: watch("color") ?? "black",
}}
/>
)}

7
apps/app/components/labels/create-update-label-inline.tsx
View File

@ -100,7 +100,10 @@ export const CreateUpdateLabelInline: React.FC<Props> = ({
useEffect(() => {
if (!labelToUpdate) return;
setValue("color", labelToUpdate.color);
setValue(
"color",
labelToUpdate.color && labelToUpdate.color !== "" ? labelToUpdate.color : "#000"
);
setValue("name", labelToUpdate.name);
}, [labelToUpdate, setValue]);
@ -123,7 +126,7 @@ export const CreateUpdateLabelInline: React.FC<Props> = ({
<span
className="h-4 w-4 rounded"
style={{
backgroundColor: watch("color") ?? "green",
backgroundColor: watch("color") ?? "#000",
}}
/>
)}

2
apps/app/components/labels/single-label.tsx
View File

@ -24,7 +24,7 @@ export const SingleLabel: React.FC<Props> = ({
<span
className="h-3 w-3 flex-shrink-0 rounded-full"
style={{
backgroundColor: label.color,
backgroundColor: label.color && label.color !== "" ? label.color : "#000",
}}
/>
<h6 className="text-sm">{label.name}</h6>

2
apps/app/components/project/settings/single-label.tsx
View File

@ -72,7 +72,7 @@ const SingleLabel: React.FC<Props> = ({ label, issueLabels, editLabel, handleLab
<span
className="h-4 w-4 rounded"
style={{
backgroundColor: watch("color") ?? "green",
backgroundColor: watch("color") ?? "black",
}}
/>
)}

2
apps/app/components/states/create-state-modal.tsx
View File

@ -158,7 +158,7 @@ export const CreateStateModal: React.FC<Props> = ({ isOpen, projectId, handleClo
<span
className="ml-2 h-4 w-4 rounded"
style={{
backgroundColor: watch("color") ?? "green",
backgroundColor: watch("color") ?? "black",
}}
/>
)}

2
apps/app/components/states/create-update-state-inline.tsx
View File

@ -141,7 +141,7 @@ export const CreateUpdateStateInline: React.FC<Props> = ({ data, onClose, select
<span
className="h-4 w-4 rounded"
style={{
backgroundColor: watch("color") ?? "green",
backgroundColor: watch("color") ?? "black",
}}
/>
)}