@autobusal/providers 1.0.18 → 1.0.20

package/Styles/hooks/useSystemTheme.ts

@@ -1,9 +1,9 @@
 import { useState, useEffect } from 'react';
 
-const useSystemTheme = (): string => {
+const useSystemTheme = (): ('light' | 'dark') => {
   const queryDarkMode = window.matchMedia("(prefers-color-scheme: dark)");
 
-  const [ theme, setTheme ] = useState<string>(queryDarkMode.matches ? 'dark' : 'light');
+  const [ theme, setTheme ] = useState<'light' | 'dark'>(queryDarkMode.matches ? 'dark' : 'light');
 
   // setup a listener to respond to future changes of the system theme
   useEffect(() => {

package/index.ts

@@ -1,12 +1,14 @@
 import Providers from './Providers';
 import apiClient from './Queries/apiClient';
 import useSystemTheme from './Styles/hooks/useSystemTheme';
-import { useMenuStore } from './stores/menu';
+import useMenuStore from './stores/menu';
+import useUserStore from './stores/user';
 
 export {
   apiClient,
   useMenuStore,
-  useSystemTheme
+  useSystemTheme,
+  useUserStore
 };
 
 export default Providers;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@autobusal/providers",
-  "version": "1.0.18",
+  "version": "1.0.20",
   "type": "module",
   "main": "index.ts",
   "dependencies": {

package/stores/menu.ts

@@ -6,9 +6,11 @@ export interface MenuStore {
   save: (value: MenuData[]) => void
 }
 
-export const useMenuStore = create<MenuStore>((set) => ({
+const useMenuStore = create<MenuStore>((set) => ({
   menu: [],
   save: (value) => set(() => ({
     menu: value
   }))
-}));
+}));
+
+export default useMenuStore;

package/stores/user.ts

@@ -0,0 +1,13 @@
+import { create } from 'zustand';
+
+export interface UserData {
+  user: any
+}
+
+const user = localStorage.getItem('user') ? JSON.parse(localStorage.getItem('user') ?? '[]') : null;
+
+const useUserStore = create<UserData>((set) => ({
+  user
+}));
+
+export default useUserStore;