import { type BreadcrumbItem } from '@/types'; import { Head, useForm } from '@inertiajs/react'; import { Check, Copy, ExternalLink } from 'lucide-react'; import { FormEventHandler, useState } from 'react'; import Heading from '@/components/heading'; import InputError from '@/components/input-error'; import { SaveButton } from '@/components/save-button'; import { Button } from '@/components/ui/button'; import { Checkbox } from '@/components/ui/checkbox'; import { Input } from '@/components/ui/input'; import { Label } from '@/components/ui/label'; import { useTranslation } from '@/hooks/use-translation'; import AppLayout from '@/layouts/app-layout'; interface PublicListingSettingsProps { public_listing_enabled: boolean; public_listing_slug: string; } export default function PublicListingSettings({ public_listing_enabled, public_listing_slug }: PublicListingSettingsProps) { const { t } = useTranslation(); const breadcrumbs: BreadcrumbItem[] = [ { title: t('Settings'), href: '/system/settings' }, { title: t('Public listing'), href: '/system/settings/public-listing' }, ]; const { data, setData, patch, errors, processing, recentlySuccessful } = useForm({ public_listing_enabled: public_listing_enabled, public_listing_slug: public_listing_slug, }); const submit: FormEventHandler = (e) => { e.preventDefault(); patch(route('system-settings.public-listing.update')); }; const publicListingUrl = `${window.location.origin}/${data.public_listing_slug}`; const [copied, setCopied] = useState(false); const copyPublicListingUrl = () => { void navigator.clipboard.writeText(publicListingUrl); setCopied(true); window.setTimeout(() => setCopied(false), 1500); }; return (
setData('public_listing_enabled', checked === true)} />
{data.public_listing_enabled && (
setData('public_listing_slug', e.target.value)} required />

{t('The base URL segment for public group pages, e.g. :url', { url: data.public_listing_slug ? publicListingUrl : `${window.location.origin}/…`, })}

{data.public_listing_slug && (
{(!public_listing_enabled || data.public_listing_slug !== public_listing_slug) && (

{t( "Save your changes to make this live — until then, these buttons point to a page that isn't published yet.", )}

)}
)}
)}
); }