/* global React, I */
const { useState: useStateS } = React;
function Sidebar({ engagement, view, setView, counts, scanRunning }) {
const [collapsed, setCollapsed] = useStateS({});
const [expanded, setExpanded] = useStateS({ web: true, recon: false });
const toggleGroup = (k) => setCollapsed(c => ({ ...c, [k]: !c[k] }));
const toggleExp = (k) => setExpanded(c => ({ ...c, [k]: !c[k] }));
const Item = ({ id, icon, label, count, sub, badge }) => {
const isParent = !!sub;
const active = view === id;
const isExp = expanded[id];
return (
<>
isParent ? toggleExp(id) : setView(id)}
>
{icon}
{label}
{badge ? {badge} : null}
{count != null ? {count} : null}
{isParent ? : null}
{isParent && isExp && sub.map(s => (
setView(s.id)}
>
{s.icon}
{s.label}
{s.count != null ? {s.count} : null}
))}
);
};
return (
);
}
window.Sidebar = Sidebar;