Fixed key/value stuff

This commit is contained in:
Gregory Schier
2023-03-29 14:46:36 -07:00
parent 06ce7abfb9
commit 4b2c1b18a9
5 changed files with 41 additions and 21 deletions

View File

@@ -1,4 +1,4 @@
import { useCallback, useMemo } from 'react';
import { useCallback } from 'react';
import { useKeyValue } from './useKeyValue';
const START_WIDTH = 200;
@@ -28,9 +28,9 @@ export function useSidebarDisplay() {
},
[display.set],
);
const hide = useCallback(() => display.set((v) => ({ ...v, hidden: true })), [display.set]);
const show = useCallback(() => display.set((v) => ({ ...v, hidden: false })), [display.set]);
const toggle = useMemo(() => (hidden ? show : hide), [hidden, show, hide]);
const hide = useCallback(() => display.set((v) => ({ ...v, hidden: true })), []);
const show = useCallback(() => display.set((v) => ({ ...v, hidden: false })), []);
const toggle = useCallback(() => display.set((v) => ({ ...v, hidden: !v.hidden })), []);
const reset = display.reset;
return { width, hidden, set, reset, hide, show, toggle };