fix(#28): error color for fileinput label

getezy · Dec 7, 2022 · a799375 · a799375
1 parent fb58211
commit a799375
Showing 1 changed file with 3 additions and 2 deletions.
diff --git a/src/app/components/file-input/file.input.tsx b/src/app/components/file-input/file.input.tsx
@@ -13,7 +13,7 @@ export type FileInputProps = Partial<Omit<InputProps, 'type' | 'value' | 'onChan
 };
 
 export const FileInput = React.forwardRef<HTMLInputElement, FileInputProps>(
-  ({ accept, buttonColor, onChange, value, readOnly, label, ...props }, ref) => {
+  ({ accept, buttonColor, onChange, value, readOnly, label, color, ...props }, ref) => {
     const [inputValue, setInputValue] = React.useState(value);
 
     React.useEffect(() => {
@@ -36,10 +36,11 @@ export const FileInput = React.forwardRef<HTMLInputElement, FileInputProps>(
         clearable={!readOnly}
         readOnly
         onClearClick={() => onChange(undefined)}
+        color={color}
         // @ts-ignore
         label={
           <Container gap={0} display="flex" wrap="nowrap" alignItems="center">
-            <Text size={12} css={{ letterSpacing: 'unset', fontFamily: '$sans' }}>
+            <Text size={12} color={color} css={{ letterSpacing: 'unset', fontFamily: '$sans' }}>
               {label}
             </Text>
             <Spacer x={0.5} />