Adds the non-standard swatch to palette as user selects a color in th…

…e color picker.
concord-consortium · Oct 28, 2024 · 9ed34ed · 9ed34ed
1 parent ad2b8a0
commit 9ed34ed
Showing 1 changed file with 3 additions and 4 deletions.
diff --git a/v3/src/components/data-display/inspector/point-color-setting.tsx b/v3/src/components/data-display/inspector/point-color-setting.tsx
@@ -43,6 +43,7 @@ export const PointColorSetting = observer(function PointColorSetting({onColorCha
 
   const updateValue = useCallback((value: string) => {
     setInputValue(value)
+    setNonStandardColorSelected(true)
     if (attrType === "categorical") {
       (onColorChange as (color: string, cat: string) => void)(value, propertyLabel)
     } else if (attrType === "numeric") {
@@ -54,6 +55,8 @@ export const PointColorSetting = observer(function PointColorSetting({onColorCha
 
   const rejectValue = useCallback(() => {
     setShowColorPicker(false)
+    setOpenPopover(null)
+    setNonStandardColorSelected(false)
   }, [])
 
   const acceptValue = useCallback(() => {
@@ -68,10 +71,6 @@ export const PointColorSetting = observer(function PointColorSetting({onColorCha
     evt.stopPropagation()
     setShowColorPicker(!showColorPicker)
   }
-
-  // const baseColors = ["#000000", "#a9a9a9", "#d3d3d3", "#FFFFFF"]
-  // const standardSwatchColors = [...baseColors, ...kellyColors.slice(0, 12)]
-
   useEffect(() => {
     const adjustPosition = () => {
       const popover = popoverRef.current