@autobusal/providers 1.0.8 → 1.0.10

package/Setup/Preload.tsx

@@ -1,5 +1,8 @@
+import { useEffect } from 'react';
 import { Helmet } from 'react-helmet';
 import { SettingsData } from '../types';
+import { GetMenu } from '../services';
+import { useMenuStore } from '../stores/menu';
 
 interface Props {
   data: SettingsData
@@ -8,6 +11,14 @@ interface Props {
 
 // @todo: De adaugat din tema Favicons
 const Preload = ({ data, children }: Props): JSX.Element => {
+  const { data: MenuData } = GetMenu();
+
+  const menuStore = useMenuStore();
+
+  useEffect(() => {
+    menuStore.save(MenuData);
+  }, []);
+
   // we arrange the font family names before inserting them
   const fontTitle = data.theme.fontFamily.title.replace(/\ /g, '+');
   const fontContent = data.theme.fontFamily.content.replace(/\ /g, '+');

package/Setup/Setup.tsx

@@ -1,9 +1,7 @@
-import { useEffect } from 'react';
 import Preload from './Preload';
 import languages from './utilities/languages';
 import analytics from './utilities/analytics';
-import { GetSettings, GetMenu } from '../services';
-import { useMenuStore } from '../stores/menu';
+import { GetSettings } from '../services';
 
 interface Props {
   type: 'normal' | 'whitelabel'
@@ -13,14 +11,6 @@ interface Props {
 const Setup = ({ type, children }: Props): JSX.Element => {
   const { data } = GetSettings();
 
-  const { data: MenuData } = GetMenu();
-
-  const menuStore = useMenuStore();
-
-  useEffect(() => {
-    menuStore.save(MenuData);
-  }, []);
-
   languages(type, data.preferences.languages.default);
 
   analytics(data.preferences.googleAnalyticsID);

package/index.ts

@@ -1,8 +1,10 @@
 import Providers from './Providers';
 import apiClient from './Queries/apiClient';
+import { useMenuStore } from './stores/menu';
 
 export {
-  apiClient
+  apiClient,
+  useMenuStore
 };
 
 export default Providers;

package/package.json

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

package/stores/menu.ts

@@ -2,13 +2,13 @@ import { create } from 'zustand';
 import { MenuData } from '../types';
 
 export interface MenuStore {
-  data: MenuData | undefined
+  menu: MenuData | undefined
   save: (value: MenuData) => void
 }
 
 export const useMenuStore = create<MenuStore>((set) => ({
-  data: undefined,
+  menu: undefined,
   save: (value) => set(() => ({
-    data: value
+    menu: value
   }))
 }));