setBellOpen((x) => !x)}>{UIIcons.bell}
{bellOpen && (
setBellOpen(false)} style={{ position: 'fixed', inset: 0, zIndex: 30 }} />
{window.NotifDropdown && (
setBellOpen(false)}
onSeeAll={() => { setBellOpen(false); go('notifications'); }}
onMarkAllRead={() => {
if (window.__notif && typeof window.__notif.markAll === 'function') window.__notif.markAll();
setBellOpen(false);
}}
/>
)}
)}
go('cart')}>{UIIcons.cart}
{ e.preventDefault(); go('requests'); }} style={{
padding: '8px 12px', borderRadius: 8,
color: c.text, fontSize: 13.5, fontWeight: 500,
textDecoration: 'none',
transition: 'background 120ms',
}}
onMouseEnter={(e) => e.currentTarget.style.background = c.borderSoft}
onMouseLeave={(e) => e.currentTarget.style.background = 'transparent'}>
Taleplerim
{profileOpen && (
setProfileOpen(false)} style={{ position: 'fixed', inset: 0, zIndex: 30 }} />
Ayşe Kaya
ayse.kaya@sirket.com
{['Profilim', 'Bütçem & Limitlerim', 'Bildirim Tercihleri'].map((it) => (
))}
)}
);
}
function dropdownItemStyle(c) {
return {
width: '100%', textAlign: 'left',
appearance: 'none', border: 'none', cursor: 'pointer',
background: 'transparent', color: c.text,
padding: '9px 12px', borderRadius: 8,
fontSize: 13, fontFamily: 'inherit', fontWeight: 500,
transition: 'background 120ms',
};
}
function HeaderIconButton({ c, title, badge, badgeColor = '#EF4444', children, onClick }) {
return (
);
}
// ─────────── Paylaşılan sepete abone olan hook ───────────
// Sepet App seviyesinde tutulur, window.__cart üzerinden expose edilir.
// Bu hook 'cartchange' olayını dinleyip güncel items dizisini döner.
function useCartSnapshot() {
const [items, setItems] = React.useState(() => (window.__cart && window.__cart.items) || []);
React.useEffect(() => {
const sync = () => setItems((window.__cart && window.__cart.items) || []);
window.addEventListener('cartchange', sync);
sync(); // mount sırasında, App'in setup'ı tamamlanmış olabilir
return () => window.removeEventListener('cartchange', sync);
}, []);
return items;
}
// Paylaşılan bildirimleri abone ol — App seviyesinde tutulan items
function useNotifSnapshot() {
const [items, setItems] = React.useState(() => (window.__notif && window.__notif.items) || []);
React.useEffect(() => {
const sync = () => setItems((window.__notif && window.__notif.items) || []);
window.addEventListener('notifchange', sync);
sync();
return () => window.removeEventListener('notifchange', sync);
}, []);
return items;
}
// Paylaşılan talepler abonesi
function useRequestsSnapshot() {
const [items, setItems] = React.useState(() => (window.__requests && window.__requests.items) || []);
React.useEffect(() => {
const sync = () => setItems((window.__requests && window.__requests.items) || []);
window.addEventListener('requestschange', sync);
sync();
return () => window.removeEventListener('requestschange', sync);
}, []);
return items;
}
Object.assign(window, { catalogTheme, CatIcons, UIIcons, ProductPlaceholder, CatalogHeader, useCartSnapshot, useNotifSnapshot, useRequestsSnapshot });