fix: color format warning

logseq · May 30, 2023 · 2e9cd3a · 2e9cd3a
1 parent c87377f
commit 2e9cd3a
Showing 1 changed file with 5 additions and 1 deletion.
diff --git a/tldraw/apps/tldraw-logseq/src/components/inputs/ColorInput.tsx b/tldraw/apps/tldraw-logseq/src/components/inputs/ColorInput.tsx
@@ -34,6 +34,10 @@ export function ColorInput({
     )
   }
 
+  function isHexColor(color: string) {
+    return /^#(?:[0-9a-f]{3}){1,2}$/i.test(color)
+  }
+
   const handleChangeDebounced = React.useMemo(() => {
     let latestValue = ''
 
@@ -78,7 +82,7 @@ export function ColorInput({
                 className="color-input cursor-pointer"
                 id="tl-custom-color-input"
                 type="color"
-                value={color}
+                value={isHexColor(color) ? color : "#000000"}
                 onChange={handleChangeDebounced}
                 style={{ opacity: isBuiltInColor(color) ? 0 : 1 }}
                 {...rest}