Merge pull request #86 from yamada-ui/fix/palette-color-form

yamada-ui · Aug 17, 2024 · fe6d0fb · fe6d0fb
2 parents bc539a3 + f5120f3
commit fe6d0fb
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 0 deletions.
diff --git a/components/form/palette-color-form.tsx b/components/form/palette-color-form.tsx
@@ -6,6 +6,7 @@ import {
   forwardRef,
   Input,
   useEyeDropper,
+  useUpdateEffect,
   VStack,
 } from "@yamada-ui/react"
 import type { InputProps, StackProps } from "@yamada-ui/react"
@@ -92,6 +93,10 @@ const EditColorPicker: FC<EditColorPickerProps> = memo(
       } catch {}
     }
 
+    useUpdateEffect(() => {
+      setInputValue(f(color, format))
+    }, [color, format])
+
     return (
       <>
         <Box position="relative" w="full">

diff --git a/pages/palettes/[uuid]/hex-control-buttons.tsx b/pages/palettes/[uuid]/hex-control-buttons.tsx
@@ -171,6 +171,10 @@ const EditButton: FC<EditButtonProps> = memo(
       setName(name)
     }, [name])
 
+    useUpdateEffect(() => {
+      setColor(resolvedHex)
+    }, [resolvedHex])
+
     return (
       <Popover
         isOpen={isOpen}