Fix hex color input. (#69)

Fix infobox title color not changing. Co-authored-by: KaWaite <flippindaisy@gmail.com>
reearth · Aug 26, 2021 · f981f91 · f981f91
1 parent f9accc9
commit f981f91
Show file tree

Hide file tree

Showing 2 changed files with 1 addition and 10 deletions.
diff --git a/src/components/molecules/EarthEditor/PropertyPane/PropertyField/ColorField/index.tsx b/src/components/molecules/EarthEditor/PropertyPane/PropertyField/ColorField/index.tsx
@@ -43,15 +43,6 @@ const ColorField: React.FC<Props> = ({ value, onChange, overridden, linked }) =>
     }
   }, [value]);
 
-  useEffect(() => {
-    if (colorState == null) return;
-    const color = getHexString(rgba);
-    if (!color) return;
-    if (color != colorState) {
-      setColor(color);
-    }
-  }, [colorState, rgba]);
-
   const { styles, attributes } = usePopper(wrapperRef.current, pickerRef.current, {
     placement: "bottom-start",
     modifiers: [

diff --git a/src/components/molecules/Visualizer/Infobox/Frame/index.tsx b/src/components/molecules/Visualizer/Infobox/Frame/index.tsx
@@ -99,7 +99,7 @@ const InfoBox: React.FC<Props> = ({
           direction="column"
           onClick={handleOpen}>
           {isSmallWindow && !noContent && <StyledIcon icon="arrowUp" size={24} open={open} />}
-          <Text size="m" weight="bold">
+          <Text size="m" weight="bold" customColor>
             <TitleText>{title || " "}</TitleText>
           </Text>
           {!isSmallWindow && <StyledIcon icon="arrowDown" size={24} open={open} />}