Add better-typed entries fn for palette form

guardian · Jun 13, 2024 · 10213da · 10213da
1 parent 8cb223e
commit 10213da
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 7 deletions.
diff --git a/fronts-client/src/components/form/PaletteForm.tsx b/fronts-client/src/components/form/PaletteForm.tsx
@@ -15,6 +15,7 @@ import { State } from 'types/State';
 import InputLabel from 'components/inputs/InputLabel';
 import { InputColor } from 'components/inputs/InputColor';
 import { Palette } from 'types/Collection';
+import { entries } from 'util/object';
 
 export const createPaletteForm =
  <T extends string>(formName: string, fieldName: T) =>
@@ -46,17 +47,13 @@ export const createPaletteForm =
  return (
  <>
  <PaletteList>
- {Object.entries(chefPalettes).map(([paletteId, palette]) => (
+ {entries(chefPalettes).map(([paletteId, palette]) => (
  <PaletteItem
  palette={palette}
  key={paletteId}
- id={paletteId as ChefPaletteId}
+ id={paletteId}
  onClick={(name, foregroundHex, backgroundHex) => {
- setPaletteOption(
- name as ChefPaletteId,
- foregroundHex,
- backgroundHex
- );
+ setPaletteOption(name, foregroundHex, backgroundHex);
  onCancel();
  }}
  isSelected={

diff --git a/fronts-client/src/util/object.ts b/fronts-client/src/util/object.ts
@@ -0,0 +1,11 @@
+type Entries<T> = {
+ [K in keyof T]: [K, T[K]];
+}[keyof T][];
+
+export const entries = <
+ Key extends string,
+ Value,
+ Obj extends Record<Key, Value>
+>(
+ obj: Obj
+): Entries<Obj> => Object.entries(obj) as Entries<Obj>;