import { Accordion, AccordionContent, AccordionItem, AccordionTrigger } from '@/components/ui/accordion'; import { Button } from '@/components/ui/button'; import { Card } from '@/components/ui/card'; import Dashboard from '@/layouts/dashboard/layout'; import { SharedData } from '@/types/global'; import { Head, Link, usePage } from '@inertiajs/react'; import { ArrowRight, MoveLeft } from 'lucide-react'; import { ReactNode } from 'react'; interface Props extends SharedData { language: Language; } const Update = ({ language }: Props) => { const { props } = usePage(); const { translate } = props; const { settings, button } = translate; const groupedObjects = language.properties.reduce( (acc, property) => { if (!acc[property.group]) { acc[property.group] = []; } acc[property.group].push(property); return acc; }, {} as Record, ); return (

{settings.language_properties}

{settings.translate_language_properties}

{Object.entries(groupedObjects).map(([group, properties], index) => ( {group} {settings.elements} {properties.map((property) => (

{property.name}

))} ))}

); }; Update.layout = (page: ReactNode) => ; export default Update;