/* app/ui.jsx — les composants d'interface de l'app, repris du site (shared.jsx) sans ce qui
* ne sert qu'au site vitrine (marquee, newsletter, cas clients). Exposés via window.BMUI.
* Si le logo ou le thème changent côté site, reporter ici. */
const ArrowUpRight = ({ size = 16 }) =>
;
const Logo = () =>
;
const SunIcon = ({ size = 18 }) =>
;
const MoonIcon = ({ size = 18 }) =>
;
const ThemeToggle = () => {
const isLight = typeof document !== 'undefined'
&& document.documentElement.classList.contains('theme-light');
/* Toggle = persiste en localStorage puis reload. Fait un round-trip propre
* car le state React de useTweaks (dans app.jsx) se ré-initialise depuis
* localStorage au mount → tout le sub-tree (incl.
)
* se reconstruit avec le bon thème. Évite la divergence entre html.theme-X
* et div.theme-X qu'on aurait avec un toggle pur côté DOM. */
const toggle = () => {
const next = isLight ? 'violet' : 'light';
try {
const stored = JSON.parse(localStorage.getItem('bm-tweaks') || '{}');
stored.theme = next;
localStorage.setItem('bm-tweaks', JSON.stringify(stored));
} catch (e) { /* private mode / disabled storage */ }
window.location.reload();
};
return (
);
};
/* Pied de page de l'app : sobre, sans les liens marketing du site. */
const FooterApp = () => (
);
window.BMUI = { ArrowUpRight, Logo, SunIcon, MoonIcon, ThemeToggle, FooterApp };