fix: make alpha value optional

hello-pangea · Sep 20, 2022 · be50810 · be50810
1 parent ad2383f
commit be50810
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/src/components/sketch/SketchFields.tsx b/src/components/sketch/SketchFields.tsx
@@ -145,7 +145,7 @@ export const SketchFields = ({
         <EditableInput
           style={{ input: styles.input, label: styles.label }}
           label="a"
-          value={Math.round(rgb.a * 100)}
+          value={Math.round((rgb.a ?? 1) * 100)}
           onChange={handleChange}
           dragLabel="true"
           dragMax="100"

diff --git a/src/types/colors.ts b/src/types/colors.ts
@@ -4,21 +4,21 @@ export type Hsl = {
   h: number;
   l: number;
   s: number;
-  a: number;
+  a?: number;
 };
 
 export type Hsv = {
   h: number;
   s: number;
   v: number;
-  a: number;
+  a?: number;
 };
 
 export type Rgb = {
   r: number;
   g: number;
   b: number;
-  a: number;
+  a?: number;
 };
 
 export type Color = Hex | Hsl | Hsv | Rgb;