// ===================================================================== // Tasker24 — App root: router, theme/lang/icon-mode, tweaks panel // ===================================================================== const { useState: useStateApp, useEffect: useEffectApp } = React; const T24_TWEAK_DEFAULTS = /*EDITMODE-BEGIN*/{ "theme": "light", "lang": "en", "iconMode": "colored", "loggedIn": false, "accent": "#1E63D6" }/*EDITMODE-END*/; function App() { const route = useRoute(); const [T, setTweak] = useTweaks(T24_TWEAK_DEFAULTS); const [mobileOpen, setMobileOpen] = useStateApp(false); const [openSvc, setOpenSvc] = useStateApp(null); const [toast, setToast] = useStateApp(null); const setTheme = (v) => setTweak('theme', v); const setLang = (v) => setTweak('lang', v); const setIconMode = (v) => setTweak('iconMode', v); const setLoggedIn = (v) => setTweak('loggedIn', v); // Apply theme + lang on useEffectApp(() => { document.documentElement.setAttribute('data-theme', T.theme); document.documentElement.setAttribute('lang', T.lang); }, [T.theme, T.lang]); // Accent override useEffectApp(() => { if (T.accent && T.accent !== '#1E63D6') { document.documentElement.style.setProperty('--t24-blue', T.accent); } else { document.documentElement.style.removeProperty('--t24-blue'); } }, [T.accent]); const openService = (svc) => setOpenSvc(svc); // Decide page let pageEl = null; switch (route.page) { case 'home': case '': pageEl = ; break; case 'categories': pageEl = ; break; case 'services': pageEl = ; break; case 'category': pageEl = ; break; case 'service': pageEl = s.id===route.param)||{}).catId||'household'} lang={T.lang} openService={openService}/>; break; case 'about': pageEl = ; break; case 'process': pageEl = ; break; case 'registration': pageEl = ; break; case 'login': pageEl = ; break; case 'contact': pageEl = ; break; case 'faq': pageEl = ; break; case 'terms': pageEl = ; break; case 'privacy': pageEl = ; break; case 'refund': pageEl = ; break; case 'cookie': pageEl = ; break; case 'safety': pageEl = ; break; case 'opinion': pageEl = ; break; default: pageEl = ; } return (

setMobileOpen(true)} /> setMobileOpen(false)} lang={T.lang} setLang={setLang} theme={T.theme} setTheme={setTheme}/> {pageEl}

); } // Mount const root = ReactDOM.createRoot(document.getElementById('root')); root.render();