Files
chaos-api/web/default/src/features/system-settings/maintenance/notice-section.tsx
T
t0ng7u d146e45e2f ⚖️ chore(web/default): add reusable copyright header tooling
Add a Bun script to apply and normalize AGPL copyright headers across the default frontend source files.

The script keeps headers idempotent, upgrades existing headers to the 2023-2026 QuantumNous range, and is exposed through `bun run copyright` for future maintenance.
2026-05-09 11:35:07 +08:00

109 lines
3.1 KiB
TypeScript
Vendored

/*
Copyright (C) 2023-2026 QuantumNous
This program is free software: you can redistribute it and/or modify
it under the terms of the GNU Affero General Public License as
published by the Free Software Foundation, either version 3 of the
License, or (at your option) any later version.
This program is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
GNU Affero General Public License for more details.
You should have received a copy of the GNU Affero General Public License
along with this program. If not, see <https://www.gnu.org/licenses/>.
For commercial licensing, please contact support@quantumnous.com
*/
import { useEffect } from 'react'
import * as z from 'zod'
import { useForm } from 'react-hook-form'
import { zodResolver } from '@hookform/resolvers/zod'
import { useTranslation } from 'react-i18next'
import { Button } from '@/components/ui/button'
import {
Form,
FormControl,
FormField,
FormItem,
FormLabel,
FormMessage,
} from '@/components/ui/form'
import { Textarea } from '@/components/ui/textarea'
import { SettingsSection } from '../components/settings-section'
import { useUpdateOption } from '../hooks/use-update-option'
const noticeSchema = z.object({
Notice: z.string().optional(),
})
type NoticeFormValues = z.infer<typeof noticeSchema>
type NoticeSectionProps = {
defaultValue: string
}
export function NoticeSection({ defaultValue }: NoticeSectionProps) {
const { t } = useTranslation()
const updateOption = useUpdateOption()
const form = useForm<NoticeFormValues>({
resolver: zodResolver(noticeSchema),
defaultValues: {
Notice: defaultValue ?? '',
},
})
useEffect(() => {
form.reset({ Notice: defaultValue ?? '' })
}, [defaultValue, form])
const onSubmit = async (values: NoticeFormValues) => {
const normalized = values.Notice ?? ''
if (normalized === (defaultValue ?? '')) {
return
}
await updateOption.mutateAsync({
key: 'Notice',
value: normalized,
})
}
return (
<SettingsSection
title={t('System Notice')}
description={t(
'Broadcast a global banner to users. Markdown is supported.'
)}
>
<Form {...form}>
<form onSubmit={form.handleSubmit(onSubmit)} className='space-y-6'>
<FormField
control={form.control}
name='Notice'
render={({ field }) => (
<FormItem>
<FormLabel>{t('Announcement content')}</FormLabel>
<FormControl>
<Textarea
rows={8}
placeholder={t(
'Planned maintenance on Friday at 22:00 UTC...'
)}
{...field}
/>
</FormControl>
<FormMessage />
</FormItem>
)}
/>
<Button type='submit' disabled={updateOption.isPending}>
{updateOption.isPending ? t('Saving...') : t('Save notice')}
</Button>
</form>
</Form>
</SettingsSection>
)
}