import { Form, Head } from '@inertiajs/react'; import ConstantsController from '@/actions/App/Http/Controllers/Admin/ConstantsController'; import Heading from '@/components/heading'; import InputError from '@/components/input-error'; import { Button } from '@/components/ui/button'; import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@/components/ui/card'; import { Input } from '@/components/ui/input'; import { Label } from '@/components/ui/label'; import { edit as editConstants } from '@/routes/admin/constants'; type Constants = Record; type FieldProps = { value: unknown; path: string[]; errors: Record; }; function labelFor(key: string): string { return key .replaceAll('_', ' ') .replace(/([a-z])([A-Z])/g, '$1 $2') .replace(/\b\w/g, (character) => character.toUpperCase()); } function fieldName(path: string[], isArrayItem = false): string { const [first, ...rest] = path; const name = rest.reduce((result, part) => `${result}[${part}]`, first); return isArrayItem ? `${name}[]` : name; } function errorKey(path: string[]): string { return path.join('.'); } function SettingField({ value, path, errors }: FieldProps) { const key = path.at(-1) ?? ''; const name = fieldName(path); const error = errors[errorKey(path)]; if (Array.isArray(value)) { return (
{value.map((item, index) => ( ))}
); } if (typeof value === 'object' && value !== null) { return (

{labelFor(key)}

{Object.entries(value as Record).map( ([childKey, childValue]) => ( ), )}
); } if (typeof value === 'boolean') { return ( <> ); } return (
); } export default function ConstantsPage({ constants }: { constants: Constants }) { return ( <>
{({ processing, errors }) => ( <> {(['content', 'feature_flags', 'rules'] as const).map((group) => ( {labelFor(group)} {group === 'content' ? 'Text displayed throughout the product.' : group === 'feature_flags' ? 'Turn product capabilities on or off.' : 'Scoring and recommendation calculations.'} {Object.entries( (constants[group] ?? {}) as Record, ).map(([key, value]) => ( ))} ))} )}
); } ConstantsPage.layout = { breadcrumbs: [ { title: 'Application Constants', href: editConstants(), }, ], };