Improve colorKeys type

Author: tkrotoff

examples/SignUp/App.tsx

@@ -229,7 +229,7 @@ class SignUp extends React.Component<Props, State> {
       resetButtonDisabled
     } = this.state;
 
-    const Color: { [index: string]: string } = {
+    const Color = {
       Red: t('Red'),
       Orange: t('Orange'),
       Yellow: t('Yellow'),
@@ -238,7 +238,7 @@ class SignUp extends React.Component<Props, State> {
       Indigo: t('Indigo'),
       Violet: t('Violet')
     };
-    const colorKeys = Object.keys(Color);
+    const colorKeys = Object.keys(Color) as (keyof typeof Color)[];
 
     return (
       <>

examples/WizardForm/Color.ts

@@ -8,4 +8,4 @@ export enum Color {
   Violet = 'Violet'
 }
 
-export const colorKeys = Object.keys(Color);
+export const colorKeys = Object.keys(Color) as (keyof typeof Color)[];

examples/WizardForm/WizardFormStep3.tsx

@@ -45,7 +45,7 @@ export function WizardFormStep3(props: Props) {
               Select a color...
             </option>
             {colorKeys.map(colorKey => (
-              <option value={Color[colorKey as keyof typeof Color]} key={colorKey}>
+              <option value={Color[colorKey]} key={colorKey}>
                 {colorKey}
               </option>
             ))}