/* eslint-disable */
/* PERSONAL TRAINER MORUMBI — App shell + router + tweaks */
const { useState, useEffect } = React;
const TWEAK_DEFAULTS = /*EDITMODE-BEGIN*/{
"palette": "champagne"
}/*EDITMODE-END*/;
function App() {
const [route, setRoute] = useState({ name: 'home', param: null });
const [profileId, setProfileId] = useState(null);
const [tweaks, setTweak] = useTweaks(TWEAK_DEFAULTS);
// Apply palette to
useEffect(() => {
document.documentElement.setAttribute('data-palette', tweaks.palette || 'champagne');
}, [tweaks.palette]);
const onNav = (name, param = null) => setRoute({ name, param });
const onOpenProfile = (id) => setProfileId(id);
const onCloseProfile = () => setProfileId(null);
return (
<>
{route.name === 'home' && }
{route.name === 'professores' && }
setTweak('palette', v)}
options={[
{ value: 'champagne', label: 'Champagne (default)' },
{ value: 'olive', label: 'Olive / verde-oliva' },
{ value: 'ember', label: 'Ember / âmbar' },
{ value: 'ivory', label: 'Ivory (claro)' },
]}
/>
onNav('home')} />
onNav('professores')} />
onOpenProfile('fabio')} />
onOpenProfile('raquel')} />
onOpenProfile('luan')} />
);
}
ReactDOM.createRoot(document.getElementById('root')).render();