import { Head, useForm, usePage } from '@inertiajs/react'; import { FormEventHandler } from 'react'; import type { Project, BreadcrumbItem, UserCan } from '@/types/index.d'; import AppLayout from '@/layouts/app-layout'; import ProjectSettingsLayout from './layout'; import HeadingSmall from '@/components/heading-small'; import InputError from '@/components/input-error'; import { Button } from '@/components/ui/button'; import { Input } from '@/components/ui/input'; import { Label } from '@/components/ui/label'; import DeleteProject from '@/components/delete-project'; import { Separator } from '@/components/ui/separator'; import { RadioGroup, RadioGroupItem } from '@/components/ui/radio-group'; interface Props { project: Project; } export default function ProjectSettingsPage({ project }: Props) { const breadcrumbs: BreadcrumbItem[] = [ { title: project.name, href: route('projects.show', project.id), }, { title: 'Settings', href: route('projects.settings.project', project.id), }, ]; const { data, setData, put, processing, errors, recentlySuccessful } = useForm({ name: project.name || '', description: project.description || '', default_locale: project.default_locale || '', disk: project.disk || 'public', }); const can = usePage().props.userCan as UserCan; const submit: FormEventHandler = (e) => { e.preventDefault(); put(route('projects.update', project.id), { preserveScroll: true, }); }; return (
setData('name', e.target.value)} required placeholder="Project name" />
setData('description', e.target.value)} placeholder="Short description (optional)" />
setData('disk', value as 'public' | 's3')} className="flex gap-4" >

Files stored on this server.
{recentlySuccessful && (

Saved

)}
{can.delete_project && ( <> )}
); }