// =====================================================================
// SOMOS SETAS — App Router
// =====================================================================
function App() {
const store = useStore();
const route = useHashRoute();
const [cartOpen, setCartOpen] = useState(false);
const [waOpen, setWaOpen] = useState(false);
const [searchOpen, setSearchOpen] = useState(false);
const [toast, setToast] = useState(null);
const [cartSummary, setCartSummary] = useState(null);
// Scroll to top on route change
useEffect(() => { window.scrollTo({ top: 0, behavior: "instant" }); }, [route.raw]);
const showToast = (msg) => {
setToast(msg);
setTimeout(() => setToast(null), 2200);
};
const handleQuickAdd = (product) => {
const pres = product.presentations[0];
store.addToCart(product, pres.id, 1);
showToast(`${product.name} agregado al carrito`);
};
const handleCheckout = (summary) => {
setCartSummary(summary);
setCartOpen(false);
setWaOpen(true);
};
// ---------- Route resolution ----------
const parts = route.parts;
const root = parts[0] || "home";
// ===== LOADING =====
if (store.dbLoading) {
return (
);
}
// ===== ADMIN ROUTES =====
if (root === "admin") {
if (!store.auth) return ;
const section = parts[1] || "dashboard";
return ;
}
// ===== STOREFRONT ROUTES =====
let page;
let currentRoute = "home";
if (root === "home" || !root) {
page = ;
currentRoute = "home";
} else if (root === "catalogo") {
page = ;
currentRoute = "catalogo";
} else if (root === "producto") {
page = ;
currentRoute = "catalogo";
} else if (root === "filosofia") {
page = ;
// anchor scroll
setTimeout(() => {
const el = document.getElementById("filosofia");
if (el) el.scrollIntoView({ behavior: "smooth", block: "start" });
}, 60);
currentRoute = "home";
} else if (root === "como-comprar") {
page = ;
setTimeout(() => {
const el = document.getElementById("como-comprar");
if (el) el.scrollIntoView({ behavior: "smooth", block: "start" });
}, 60);
currentRoute = "home";
} else {
page = ;
}
return (
setCartOpen(true)} onSearchOpen={() => setSearchOpen(true)}/>
{page}
);
}
ReactDOM.createRoot(document.getElementById("root")).render();