import { type BreadcrumbItem, type SharedData } from '@/types'; import { Head, usePage } from '@inertiajs/react'; import Heading from '@/components/heading'; import ProjectSendLogo from '@/components/projectsend-logo'; import { useTranslation } from '@/hooks/use-translation'; import AppLayout from '@/layouts/app-layout'; interface Environment { version: string; edition: string; php: string; laravel: string; database: string; } interface AboutProps { license: string; /** Null for anyone the dashboard's System widget would also hide it from. */ environment: Environment | null; } function Row({ label, value }: { label: string; value: string }) { return (

{label}

{value}

); } export default function About({ license, environment }: AboutProps) { const { t } = useTranslation(); const { version, edition, links } = usePage().props; const breadcrumbs: BreadcrumbItem[] = [{ title: t('About'), href: '/system/about' }]; return (

ProjectSend

{t('Version :version', { version })} · {edition}

{t( 'ProjectSend is free, open source software for sending files to your clients. It is released under the :license, which means you are free to use, study, change and share it.', { license }, )}

{t('Website')} {t('Source code')} {t('Support the project')}

{environment && (

{t('Environment')}

{t('Worth including when you report a problem.')}

)}

); }