Implemented the WelcomeDialog into the ConfigContext.jsx

Author: gnmyt

client/src/common/contexts/Config/ConfigContext.jsx

@@ -2,12 +2,15 @@ import React, {createContext, useContext, useEffect, useState} from "react";
 import {InputDialogContext} from "../InputDialog";
 import {request} from "@/common/utils/RequestUtil";
 import {apiErrorDialog, passwordRequiredDialog} from "@/common/contexts/Config/dialog";
+import WelcomeDialog from "@/common/components/WelcomeDialog";
 
 export const ConfigContext = createContext({});
 
 export const ConfigProvider = (props) => {
     const [config, setConfig] = useState({});
     const [setDialog] = useContext(InputDialogContext);
+    const [welcomeShown, setWelcomeShown] = useState(false);
+
 
     const reloadConfig = () => {
         request("/config").then(async res => {
@@ -33,8 +36,13 @@ export const ConfigProvider = (props) => {
 
     useEffect(reloadConfig, []);
 
+    useEffect(() => {
+        if (config.provider === "none") setWelcomeShown(true);
+    }, [config]);
+
     return (
         <ConfigContext.Provider value={[config, reloadConfig, checkConfig]}>
+            {welcomeShown && <WelcomeDialog onClose={() => setWelcomeShown(false)}/>}
             {props.children}
         </ConfigContext.Provider>
     )