The welcome message now always shows on new clients in demo mode

Author: gnmyt

client/src/common/components/WelcomeDialog/WelcomeDialog.jsx

@@ -12,7 +12,7 @@ import {t} from "i18next";
 export const Dialog = () => {
     const close = useContext(DialogContext);
 
-    const reloadConfig = useContext(ConfigContext)[1];
+    const [config, reloadConfig] = useContext(ConfigContext);
 
     const [step, setStep] = useState(1);
     const [provider, setProvider] = useState("ookla");
@@ -23,11 +23,15 @@ export const Dialog = () => {
     const [animating, setAnimating] = useState(false);
 
     const finish = async () => {
-        await patchRequest("/config/provider", {value: provider});
+        if (config.previewMode) {
+            localStorage.setItem("welcomeShown", "true");
+        } else {
+            await patchRequest("/config/provider", {value: provider});
 
-        await patchRequest("/config/ping", {value: ping});
-        await patchRequest("/config/download", {value: download});
-        await patchRequest("/config/upload", {value: upload});
+            await patchRequest("/config/ping", {value: ping});
+            await patchRequest("/config/download", {value: download});
+            await patchRequest("/config/upload", {value: upload});
+        }
 
         reloadConfig();
 

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

@@ -37,7 +37,8 @@ export const ConfigProvider = (props) => {
     useEffect(reloadConfig, []);
 
     useEffect(() => {
-        if (config.provider === "none") setWelcomeShown(true);
+        if (config.previewMode && !localStorage.getItem("welcomeShown")) setWelcomeShown(true);
+        if (!config.previewMode && config.provider === "none") setWelcomeShown(true);
     }, [config]);
 
     return (