add config app

src/core/components/Config.jsx

@@ -0,0 +1,28 @@
+import {useEffect, useState} from "react";
+import axios from "axios";
+import {GET_CONFIG} from "@/core/data/apiRoutes";
+import {ConfigProvider} from "@/lib/app/contexts/config";
+
+const ConfigApp = ({children}) => {
+    const [error, setError] = useState(false)
+    const [config, setConfig] = useState()
+
+    useEffect(() => {
+        const fetchConfig = async () => {
+            try {
+                const response = await axios(GET_CONFIG)
+                setConfig(response.data)
+            } catch (error) {
+                setError(true)
+            }
+        }
+
+        fetchConfig()
+
+    }, []);
+
+    return (
+        <ConfigProvider config={config || {}}>{error ? <>Error request config</> : config && children}</ConfigProvider>)
+}
+
+export default ConfigApp

src/core/data/apiRoutes.js

@@ -1,5 +1,7 @@
 const BASE_URL = process.env.NEXT_PUBLIC_BASE_URL;
 
+export const GET_CONFIG = process.env.NEXT_PUBLIC_CONFIG_APP_URL;
+
 //login
 export const GET_USER_TOKEN = BASE_URL + "/dashboard/login";
 //end login

src/lib/app/contexts/config.jsx

@@ -0,0 +1,7 @@
+import {createContext} from "react";
+
+export const ConfigContext = createContext()
+
+export const ConfigProvider = ({children, config}) => {
+    return <ConfigContext.Provider value={{config}}>{children}</ConfigContext.Provider>
+}

src/lib/app/hooks/useConfig.jsx

@@ -0,0 +1,12 @@
+import {useContext} from "react";
+import {ConfigContext} from "@/lib/app/contexts/config";
+
+export const useConfig = () => {
+    const context = useContext(ConfigContext);
+
+    if (!context) {
+        throw new Error("useConfig must be used within a ConfigProvider");
+    }
+
+    return {config: context.config};
+};

src/pages/_app.jsx

@@ -10,11 +10,11 @@ import TitlePage from "@/core/components/TitlePage";
 import Layout from "@/layouts";
 import {ToastProvider} from "@/lib/app/contexts/toast";
 import {PrintProvider} from "@/lib/app/contexts/print";
+import ConfigApp from "@/core/components/Config";
 
 const App = ({Component, pageProps}) => {
 
-    return (
-        <>
+    return (<ConfigApp>
             <UserProvider>
                 <LanguageProvider>
                     <NextIntlProvider locale={pageProps.locale} messages={pageProps.messages || {}}>
@@ -35,8 +35,7 @@ const App = ({Component, pageProps}) => {
                     </NextIntlProvider>
                 </LanguageProvider>
             </UserProvider>
-        </>
-    );
+        </ConfigApp>);
 };
 
 export default App;