thunderstrike/plane
thunderstrike/plane
2
0
Fork 0
forked from github/plane
Code Pull Requests Activity

style: removed color text from label modal (#527)

Browse Source 
also closing color picker on color select
This commit is contained in:
Dakshesh Jain 2023-03-24 23:32:33 +05:30 committed by GitHub
parent f3583f6415
commit f2054b6945
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 5 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -106,14 +106,13 @@ export const CreateLabelModal: React.FC<Props> = ({ isOpen, projectId, handleClo
</Dialog.Title> </Dialog.Title>
<div className="mt-8 flex items-center gap-2"> <div className="mt-8 flex items-center gap-2">
<Popover className="relative"> <Popover className="relative">
{({ open }) => ( {({ open, close }) => (
<> <>
<Popover.Button <Popover.Button
className={`group inline-flex items-center rounded-sm bg-white text-base font-medium hover:text-gray-900 focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:ring-offset-2 ${ className={`group inline-flex items-center rounded-sm bg-white text-base font-medium hover:text-gray-900 focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:ring-offset-2 ${
open ? "text-gray-900" : "text-gray-500" open ? "text-gray-900" : "text-gray-500"
}`} }`}
> >
<span>Color</span>
{watch("color") && watch("color") !== "" && ( {watch("color") && watch("color") !== "" && (
<span <span
className="ml-2 h-4 w-4 rounded" className="ml-2 h-4 w-4 rounded"
@ -146,7 +145,10 @@ export const CreateLabelModal: React.FC<Props> = ({ isOpen, projectId, handleClo
render={({ field: { value, onChange } }) => ( render={({ field: { value, onChange } }) => (
<TwitterPicker <TwitterPicker
color={value} color={value}
onChange={(value) => onChange(value.hex)} onChange={(value) => {
onChange(value.hex);
close();
}}
/> />
)} )}
/> />