binarybeach/bb-plane-fork
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

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
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>
<div className="mt-8 flex items-center gap-2">
<Popover className="relative">
{({ open }) => (
{({ open, close }) => (
<>
<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 ${
open ? "text-gray-900" : "text-gray-500"
}`}
>
<span>Color</span>
{watch("color") && watch("color") !== "" && (
<span
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 } }) => (
<TwitterPicker
color={value}
onChange={(value) => onChange(value.hex)}
onChange={(value) => {
onChange(value.hex);
close();
}}
/>
)}
/>