/* Admin — Config (Custom Types) + Users (hide/deactivate). window.AdminScreen */ const { useState } = React; function TypeGroup({ title, items }) { const [list, setList] = useState(items); const [adding, setAdding] = useState(""); return (

{title}

{list.length}
{list.map((it) => ( {it} ))}
setAdding(e.target.value)} />
); } function ConfigPane() { const d = window.PT_DATA; return (
Create, rename and delete custom statuses and types. Deleting a type that's in use prompts you to reassign affected records, so nothing is left orphaned. {Object.entries(d.customTypes).map(([title, items]) => )}
); } function UsersPane() { const d = window.PT_DATA; const [users, setUsers] = useState(d.users); function toggle(i) { setUsers((us) => us.map((u, j) => j === i ? { ...u, active: !u.active } : u)); } return (
Deactivating a departed user removes them from follow-up and task assignment lists, but their name still renders correctly on past notes. They are not deleted.
{["User", "Role", "Last active", "Assignable", ""].map((h, i) => ( ))} {users.map((u, i) => ( ))}
{h}
{u.name} {!u.active && Hidden}
{u.email}
 {u.role} {u.last} toggle(i)} size="sm" />
); } function AdminScreen() { const [pane, setPane] = useState("config"); const nav = [["config", "Config — Custom Types", "sliders-horizontal"], ["users", "Users", "users"], ["billing", "Account & Billing", "credit-card"]]; return (
{pane === "config" && } {pane === "users" && } {pane === "billing" && }
); } window.AdminScreen = AdminScreen;