init

client/src/hooks/event.ts

@@ -0,0 +1,17 @@
+import { useCallback } from 'react';
+import { useAppStore } from '../store';
+
+/**
+ * Returns event handler to toggle Dark/Light modes
+ * @returns {function} calling this event toggles dark/light mode
+ */
+export function useEventSwitchDarkMode() {
+  const [state, dispatch] = useAppStore();
+
+  return useCallback(() => {
+    dispatch({
+      type: 'DARK_MODE',
+      payload: !state.darkMode,
+    });
+  }, [state, dispatch]);
+}