// Shared line-icon set for the staff admin area (AdminShell) and the
// reseller/customer portal (ResellerShell) — both now share ONE visual
// language (see admin-shell.jsx / reseller-shell.jsx): a light
// black-on-white sidebar nav, each item paired with one of these icons.
//
// Deliberately plain geometric line-drawing style (1.6 stroke, square
// caps, no fill except where noted) — matches the existing LockIcon in
// nav.jsx and the TowerSchematic in shared/primitives.jsx, so nothing
// here introduces a new illustration style to the codebase.
//
// Every icon takes a single `size` prop (default 18) and renders
// `currentColor` for both stroke and fill, so the calling button's own
// `color` style drives the icon colour — no separate colour prop needed,
// and active/hover states "just work" by changing the parent's color.
//
// Loaded before admin-shell.jsx and reseller-shell.jsx (see index.html).
function IconOverview({ size = 18 }) {
return (
);
}
function IconQuote({ size = 18 }) {
return (
);
}
function IconOrders({ size = 18 }) {
return (
);
}
function IconInvoices({ size = 18 }) {
return (
);
}
function IconPurchaseOrders({ size = 18 }) {
return (
);
}
function IconAssets({ size = 18 }) {
return (
);
}
function IconPriceList({ size = 18 }) {
return (
);
}
function IconCustomers({ size = 18 }) {
return (
);
}
function IconApprovals({ size = 18 }) {
return (
);
}
function IconSpecSheets({ size = 18 }) {
return (
);
}
function IconTicket({ size = 18 }) {
return (
);
}
function IconTicketList({ size = 18 }) {
return (
);
}
function IconSettings({ size = 18 }) {
return (
);
}
function IconStaff({ size = 18 }) {
return (
);
}
function IconSignOut({ size = 18 }) {
return (
);
}
function IconMissionControl({ size = 18 }) {
return (
);
}
function IconChevronRight({ size = 14, style }) {
return (
);
}
function IconChevronDown({ size = 12 }) {
return (
);
}
function IconSwitch({ size = 14 }) {
return (
);
}
function IconPulse({ size = 8 }) {
return (
);
}
// Shared sidebar nav-item button — used identically by AdminShell (light,
// `dark=false`) and ResellerShell (dark, `dark=true`) so both shells'
// nav rows behave and feel exactly the same: active state is a solid
// 2px bar on the left edge (not a whole-row tint alone, so it reads at
// a glance even out of the corner of your eye) plus a subtle background
// tint; hover nudges the icon+label 2px to the right and lightens the
// background — small, quick, not distracting.
// Lives here (not in admin-shell.jsx) because reseller-shell.jsx loads
// BEFORE admin-shell.jsx (see index.html) but both need this button —
// portal-icons.jsx loads before either, so this is the shared home.
function ShellNavButton({ label, Icon, active, onClick, testId, dark }) {
const [hover, setHover] = useState(false);
const fg = dark ? "#fff" : "#000";
const fgDim = dark ? "rgba(255,255,255,0.55)" : "rgba(0,0,0,0.55)";
const tint = dark ? "rgba(255,255,255,0.08)" : "rgba(0,0,0,0.05)";
const tintHover = dark ? "rgba(255,255,255,0.04)" : "rgba(0,0,0,0.025)";
const bar = dark ? "#fff" : "#000";
return (
);
}
Object.assign(window, {
IconOverview, IconQuote, IconOrders, IconInvoices, IconPurchaseOrders,
IconAssets, IconPriceList, IconCustomers, IconApprovals, IconSpecSheets,
IconTicket, IconTicketList, IconSettings, IconStaff, IconSignOut,
IconMissionControl, IconChevronRight, IconChevronDown, IconSwitch, IconPulse,
ShellNavButton,
});