import { Head, useForm } from '@inertiajs/react'; import { Building2, CheckCircle2, GitBranch, Layers, LifeBuoy, ShieldCheck, Wallet, } from 'lucide-react'; import type { LucideIcon } from 'lucide-react'; import { Callout, PageHeader, SectionCard } from '@/components/crm/page-header'; import { FormActions } from '@/components/crm/form-field'; import { Button } from '@/components/ui/button'; import { Checkbox } from '@/components/ui/checkbox'; import { Label } from '@/components/ui/label'; import { Spinner } from '@/components/ui/spinner'; import { cn } from '@/lib/utils'; import type { ReleaseHistoryEntry, ReleasePart, ReleaseState, } from '@/types'; type ReleasePageProps = { release: ReleaseState; history: ReleaseHistoryEntry[]; version: { number: string; label: string; recorded: string | null; }; can: { manage: boolean }; }; type ReleaseForm = { full: boolean; parts: Record; }; const groupIcons: Record = { 'Core CRM': Building2, Support: LifeBuoy, 'Revenue and operations': Wallet, Security: ShieldCheck, }; const groupDescriptions: Record = { 'Core CRM': 'The client list, the work raised against it, and the crews who do it.', Support: 'The desk that answers a fault, the board a crew reads, and the reports that come back from site.', 'Revenue and operations': 'The pipeline before a job, the money around it, and the stock that makes it happen.', Security: 'The one screen that holds a password. It is released like any other part, and on purpose.', }; /** * Settings -> Release. * * The switchboard for a gradual handover. Each part of the system is either * live or absent: the navigation link is not rendered, the search does not * answer with its records, and its own addresses reply 404. Nothing is deleted * and no data is touched — switching a part back on puts it exactly where it * was. * * Full release is the day the handover ends. It switches every part on and * fixes the individual switches at on; the choices underneath are kept, so * turning it off restores the gradual state rather than flattening it. */ export default function ReleaseSettings({ release, history, version, }: ReleasePageProps) { // The form edits each part's own switch, not what Full release currently // makes visible. While the master switch is on, the boxes keep the gradual // arrangement underneath it, so turning it off restores that arrangement. const form = useForm({ full: release.full, parts: Object.fromEntries( Object.values(release.parts).map((part) => [ part.key, part.chosen, ]), ), }); const groups = Object.values(release.parts).reduce< Record >((carried, part) => { (carried[part.group] ??= []).push(part); return carried; }, {}); const live = Object.values(form.data.parts).filter(Boolean).length; const total = Object.keys(form.data.parts).length; const hidden = total - live; const dirty = form.data.full !== release.full || Object.values(release.parts).some( (part) => form.data.parts[part.key] !== part.chosen, ); const submit = () => { form.put('/settings/release', { preserveScroll: true }); }; const togglePart = (key: string, checked: boolean) => { form.setData('parts', { ...form.data.parts, [key]: checked }); }; return ( <> Settings } description="What this installation shows, part by part. Release the system gradually, then switch on Full release when the handover is finished." />
{ event.preventDefault(); submit(); }} >
form.setData('full', checked === true) } />

Every part is shown, whatever the switches below say. Turn it off again and the gradual arrangement comes back unchanged — it is a switch, not a one-way door. {form.data.full ? ( <> {' '} {live} of {total} parts are still chosen to stay visible underneath this. ) : null}

{Object.entries(groups).map(([group, parts]) => { const Icon = groupIcons[group] ?? Layers; return (
    {parts.map((part) => { const checked = form.data.parts[part.key] ?? true; // What a person actually sees: the master // switch can be showing everything while a // part's own switch is off underneath it. const visible = form.data.full || checked; return (
  • togglePart( part.key, value === true, ) } />
    {visible ? 'Visible' : 'Hidden'}

    {part.description}

    • ); })}
); })}
{version.label} from VERSION, written by{' '} php artisan crm:version
{version.recorded !== version.number ? ( VERSION says {version.number}, but the newest entry in docs/releases.md is{' '} {version.recorded ?? 'missing altogether'}. Run{' '} php artisan crm:version{' '} to see which file needs the correction. ) : null} {history.length === 0 ? (

No release entries are recorded yet.

) : (
    {history.map((entry) => (
  1. {entry.version} {entry.date}

    {entry.body}

    2. ))}
)} ); }