/* global React */ const { useState: useS_a, useEffect: useE_a, useRef: useR_a } = React; // ──────────────────────────────────────────────────────────── // Login (editorial split — unchanged) // ──────────────────────────────────────────────────────────── function AdminLogin({ onLogin }) { const [u, setU] = useS_a("diana"); const [p, setP] = useS_a(""); const { navigate } = useStore(); return (
{e.preventDefault();onLogin();}}>
01 · Управление

Вход в админ-панель

Для управления каталогом, заказами, образами и контентом сайта. Доступ только для команды ателье.

setU(e.target.value)} required autoComplete="username"/>
e.preventDefault()} className="login-forgot">Забыли?
setP(e.target.value)} placeholder="••••••••" required autoComplete="current-password"/>
Demo-режим · подойдёт любой пароль
© 2026 Sandler Atelier Защищённое соединение · TLS 1.3
); } // ──────────────────────────────────────────────────────────── // Shared admin pieces // ──────────────────────────────────────────────────────────── function AdminToast({ msg, onDone }) { useE_a(() => { const t = setTimeout(onDone, 2200); return () => clearTimeout(t); }, [onDone]); return
{msg}
; } function AdminModal({ title, onClose, children, wide=false }) { useE_a(() => { const onKey = (e) => e.key === "Escape" && onClose(); document.addEventListener("keydown", onKey); document.body.style.overflow = "hidden"; return () => { document.removeEventListener("keydown", onKey); document.body.style.overflow = ""; }; }, [onClose]); return (
e.stopPropagation()}>

{title}

{children}
); } function PhotoSlot({ src, onChange, label="+ Загрузить фото" }) { const ref = useR_a(null); const onFile = (e) => { const f = e.target.files[0]; if (!f) return; const r = new FileReader(); r.onload = (ev) => onChange(ev.target.result); r.readAsDataURL(f); }; return (
ref.current && ref.current.click()}> {src ? ( <> ) : ( {label}
jpg / png, до 4 MB )}
); } // ──────────────────────────────────────────────────────────── // 1 — DASHBOARD // ──────────────────────────────────────────────────────────── function AdminDashboard({ goTab }) { const { orders, products, looks, collections } = useStore(); const totalRev = orders.reduce((s,o)=>s+o.total,0); const newCount = orders.filter(o=>o.status==="новый").length; return (

Сводка

{totalRev.toLocaleString("ru-RU")} ₽
Выручка / месяц

Последние заказы

{orders.slice(0,5).map(o => ( ))}
№ДатаПокупательПоз.СуммаСтатус
{o.id} {o.date} {o.customer} {Array.isArray(o.items) ? o.items.length : o.items} {o.total.toLocaleString("ru-RU")} ₽ {o.status}
); } function pillClass(s) { return s==="отправлен"?"shipped":s==="выполнен"?"completed":s==="в обработке"?"processed":""; } // ──────────────────────────────────────────────────────────── // 2 — ORDERS // ──────────────────────────────────────────────────────────── function AdminOrders() { const { orders, products, setOrderStatus } = useStore(); const [filter, setFilter] = useS_a("all"); const [detail, setDetail] = useS_a(null); const [invoice, setInvoice] = useS_a(null); const [toast, setToast] = useS_a(null); const filtered = orders.filter(o => filter === "all" ? true : o.status === filter); return (

Заказы

{[["all","Все"],["новый","Новые"],["в обработке","В обработке"],["отправлен","Отправленные"],["выполнен","Выполненные"]].map(([v,l])=>( ))}
{filtered.map(o => ( ))}
№ДатаПокупательПоз.СуммаСтатусДействия
{o.id} {o.date} {o.customer} {Array.isArray(o.items) ? o.items.length : o.items} {o.total.toLocaleString("ru-RU")} ₽
{detail && setDetail(null)} onStatus={(s)=>{setOrderStatus(detail.id, s);setToast(`Статус → ${s}`);setDetail({...detail, status:s});}}/>} {invoice && setInvoice(null)}/>} {toast && setToast(null)}/>}
); } function OrderDetail({ order, onClose, onStatus }) { const { products } = useStore(); const lines = (Array.isArray(order.items) ? order.items : []); return (
Покупатель
{order.customer}
Контакты
{order.email}
{order.phone}
Адрес доставки
{order.address}
Дата
{order.date}
Способ оплаты
СБП · ЮKassa
Доставка
СДЭК · ПВЗ
Статус

Позиции

{lines.map((l,i) => { const p = products.find(p=>p.id===l.productId); if (!p) return null; return ( ); })}
ТоварРазмерКол-воСумма
{p.name} {l.size} {l.qty} {(p.price*l.qty).toLocaleString("ru-RU")} ₽
Итого{order.total.toLocaleString("ru-RU")} ₽
); } function Invoice({ order, onClose }) { const { products } = useStore(); const lines = (Array.isArray(order.items) ? order.items : []); return (
Sandler Atelier
ИП Сандлер Д.Б. · ИНН 770000000000
Дата
{order.date}
Получатель
{order.customer}
Адрес
{order.address}
{lines.map((l,i) => { const p = products.find(p=>p.id===l.productId); if (!p) return null; return ( ); })}
ТоварРазмерКол-воЦенаСумма
{p.name} {l.size} {l.qty} {p.price.toLocaleString("ru-RU")} ₽ {(p.price*l.qty).toLocaleString("ru-RU")} ₽
Доставка350 ₽
Итого{order.total.toLocaleString("ru-RU")} ₽
); } // ──────────────────────────────────────────────────────────── // 3 — PRODUCTS // ──────────────────────────────────────────────────────────── function AdminProducts() { const { products, upsertProduct, removeProduct } = useStore(); const [editing, setEditing] = useS_a(null); const [confirmDel, setConfirmDel] = useS_a(null); const [toast, setToast] = useS_a(null); if (editing) return {upsertProduct(p);setEditing(null);setToast("Товар сохранён");}} onCancel={()=>setEditing(null)}/>; return (

Товары

{products.map(p => ( ))}
НазваниеКатегорияРазмерыЦенаТег
{p.name} {p.nameEn} {p.category === "tops" ? "Верх" : p.category === "bottoms" ? "Низ" : p.category} {p.sizes.join(" / ")} {p.price.toLocaleString("ru-RU")} ₽ {p.tag && {p.tag}}
{confirmDel && ( setConfirmDel(null)}>

Товар «{confirmDel.name}» будет удалён из каталога. Это действие нельзя отменить.

 )} {toast && setToast(null)}/>}
); } function ProductEditor({ product, onSave, onCancel }) { const [p, setP] = useS_a({ ...product, gallery: product.gallery || [] }); const set = (k, v) => setP(s => ({...s, [k]: v})); const setImg = (i, v) => setP(s => { const img = [...s.img]; img[i] = v; return {...s, img}; }); const toggleSize = (s) => set("sizes", p.sizes.includes(s) ? p.sizes.filter(x=>x!==s) : [...p.sizes, s]); const submit = () => { if (!p.name) { alert("Укажите название"); return; } if (!p.id) p.id = "p-" + Date.now(); onSave(p); }; return (

{product.id ? "Редактирование" : "Новый товар"}

set("name",e.target.value)} placeholder="ТОП"/>
set("nameEn",e.target.value)} placeholder="TOP"/>
set("price",Number(e.target.value))}/>
{["XS","S","M","XS-S","S-M"].map(s => ( ))}