Optimise editor component

frontend/hooks/usePalette.ts

@@ -1,13 +1,14 @@
+import { useMemo } from 'react'
 import { createPalette } from 'hue-map'
 
 import { useStore } from '/src/stores'
 import useSettingsStore from '/src/stores/settingsStore'
 
-export const usePalette = (min: number, max: number) => {
+export const usePalette = (steps: number) => {
   const colormap = useStore(useSettingsStore, state => state.colormap)
 
-  return createPalette({
+  return useMemo(() => createPalette({
     map: (colormap === undefined || colormap === 'crabfit') ? [[0, [247, 158, 0, 0]], [1, [247, 158, 0, 255]]] : colormap,
-    steps: Math.max((max - min) + 1, 2),
-  }).format()
+    steps,
+  }).format(), [steps])
 }