Revert "Add missing admin action files and navigation links"

This reverts commit 41be6835bf.
This commit is contained in:
Simo committed 2026-07-11 20:37:56 +02:00
1 parent 4a1e1115b3
commit 4d515bc400
338 files changed
+5949 -28144

No files matched your search

+146 -144
View File
@@ -1,181 +1,181 @@
import Link from "next/link";
import { saveRadioSetting, saveRadioSettings } from "@/actions/admin-radio-extra";
import { prisma } from "@/lib/prisma";
import { StatusCard } from "@/components/admin/dashboard";
import { Settings } from "lucide-react";
import Link from 'next/link';
import { saveRadioSetting, saveRadioSettings } from '@/actions/admin-radio-extra';
import { prisma } from '@/lib/prisma';
import { StatusCard } from '@/components/admin/dashboard';
import { Settings } from 'lucide-react';
import { getTranslations } from "next-intl/server";
export const dynamic = "force-dynamic";
export const dynamic = 'force-dynamic';
type Field = { key: string; comment: string };
type Group = { title: string; fields: Field[] };
const GROUPS: Group[] = [
{
title: "AzureCast & Stream",
title: 'AzureCast & Stream',
fields: [
{ key: "radio_enabled", comment: "Radio enabled (0=no, 1=yes)" },
{ key: "radio_stream_url", comment: "Main stream URL" },
{ key: "radio_stream_backup_url", comment: "Backup stream URL" },
{ key: "radio_azurecast_base_url", comment: "AzureCast base URL" },
{ key: "radio_azurecast_station_id", comment: "AzureCast station ID" },
{ key: "radio_azurecast_api_key", comment: "AzureCast API key" },
{ key: "radio_azurecast_port", comment: "AzureCast stream port" },
{ key: "radio_azurecast_protocol", comment: "AzureCast protocol (http/https)" },
{ key: "radio_azurecast_use_proxy", comment: "Use AzureCast proxy (0=no, 1=yes)" },
{ key: 'radio_enabled', comment: 'Radio enabled (0=no, 1=yes)' },
{ key: 'radio_stream_url', comment: 'Main stream URL' },
{ key: 'radio_stream_backup_url', comment: 'Backup stream URL' },
{ key: 'radio_azurecast_base_url', comment: 'AzureCast base URL' },
{ key: 'radio_azurecast_station_id', comment: 'AzureCast station ID' },
{ key: 'radio_azurecast_api_key', comment: 'AzureCast API key' },
{ key: 'radio_azurecast_port', comment: 'AzureCast stream port' },
{ key: 'radio_azurecast_protocol', comment: 'AzureCast protocol (http/https)' },
{ key: 'radio_azurecast_use_proxy', comment: 'Use AzureCast proxy (0=no, 1=yes)' },
],
},
{
title: "External sources",
title: 'External sources',
fields: [
{ key: "radio_sambroadcaster_api_url", comment: "Sambroadcaster API URL" },
{ key: "radio_sambroadcaster_password", comment: "Sambroadcaster password" },
{ key: "radio_virtual_dj_url", comment: "Virtual DJ URL" },
{ key: "radio_virtual_dj_password", comment: "Virtual DJ password" },
{ key: "radio_djs_api_url", comment: "DJs API URL" },
{ key: 'radio_sambroadcaster_api_url', comment: 'Sambroadcaster API URL' },
{ key: 'radio_sambroadcaster_password', comment: 'Sambroadcaster password' },
{ key: 'radio_virtual_dj_url', comment: 'Virtual DJ URL' },
{ key: 'radio_virtual_dj_password', comment: 'Virtual DJ password' },
{ key: 'radio_djs_api_url', comment: 'DJs API URL' },
],
},
{
title: "Player",
title: 'Player',
fields: [
{ key: "radio_style", comment: "Player style (dark/light/blue/purple/pink/gold)" },
{ key: "radio_player_type", comment: "Player type (default/minimal/embedded)" },
{ key: "radio_auto_play", comment: "Auto-play on page load (0=no, 1=yes)" },
{ key: "radio_auto_play_delay", comment: "Auto-play delay in seconds" },
{ key: "radio_mute_on_start", comment: "Muted on start (0=no, 1=yes)" },
{ key: "radio_volume", comment: "Default volume (0-100)" },
{ key: "radio_language", comment: "Default language (nl/en/de/fr/es/pt/it/br)" },
{ key: "radio_multi_language_enabled", comment: "Multi-language support (0=no, 1=yes)" },
{ key: "radio_player_color_primary", comment: "Player primary color" },
{ key: "radio_player_color_secondary", comment: "Player secondary color" },
{ key: "radio_player_color_text", comment: "Player text color" },
{ key: "radio_player_color_accent", comment: "Player accent color" },
{ key: 'radio_style', comment: 'Player style (dark/light/blue/purple/pink/gold)' },
{ key: 'radio_player_type', comment: 'Player type (default/minimal/embedded)' },
{ key: 'radio_auto_play', comment: 'Auto-play on page load (0=no, 1=yes)' },
{ key: 'radio_auto_play_delay', comment: 'Auto-play delay in seconds' },
{ key: 'radio_mute_on_start', comment: 'Muted on start (0=no, 1=yes)' },
{ key: 'radio_volume', comment: 'Default volume (0-100)' },
{ key: 'radio_language', comment: 'Default language (nl/en/de/fr/es/pt/it/br)' },
{ key: 'radio_multi_language_enabled', comment: 'Multi-language support (0=no, 1=yes)' },
{ key: 'radio_player_color_primary', comment: 'Player primary color' },
{ key: 'radio_player_color_secondary', comment: 'Player secondary color' },
{ key: 'radio_player_color_text', comment: 'Player text color' },
{ key: 'radio_player_color_accent', comment: 'Player accent color' },
],
},
{
title: "Now playing & history",
title: 'Now playing & history',
fields: [
{ key: "radio_now_playing_enabled", comment: "Show now playing info (0=no, 1=yes)" },
{ key: "radio_now_playing_api_url", comment: "Now playing API URL" },
{ key: "radio_now_playing_cache_duration", comment: "Now playing cache duration in seconds" },
{ key: "radio_show_song_history", comment: "Show song history (0=no, 1=yes)" },
{ key: "radio_song_history_count", comment: "Number of songs in history" },
{ key: 'radio_now_playing_enabled', comment: 'Show now playing info (0=no, 1=yes)' },
{ key: 'radio_now_playing_api_url', comment: 'Now playing API URL' },
{ key: 'radio_now_playing_cache_duration', comment: 'Now playing cache duration in seconds' },
{ key: 'radio_show_song_history', comment: 'Show song history (0=no, 1=yes)' },
{ key: 'radio_song_history_count', comment: 'Number of songs in history' },
],
},
{
title: "Listeners",
title: 'Listeners',
fields: [
{ key: "radio_listeners_enabled", comment: "Show listeners count (0=no, 1=yes)" },
{ key: "radio_listeners_api_url", comment: "Listeners API URL" },
{ key: "radio_listeners_update_interval", comment: "Listeners update interval in seconds" },
{ key: "radio_show_listener_peak", comment: "Show listener peak (0=no, 1=yes)" },
{ key: "radio_peak_reset_time", comment: "Peak reset time (HH:MM)" },
{ key: "radio_store_listener_stats", comment: "Store listener statistics (0=no, 1=yes)" },
{ key: "radio_stats_retention_days", comment: "Statistics retention in days" },
{ key: "radio_show_listener_graph", comment: "Show listener graph (0=no, 1=yes)" },
{ key: "radio_listener_graph_period", comment: "Listener graph period (1h/6h/12h/24h/7d)" },
{ key: "radio_show_average_listeners", comment: "Show average listeners (0=no, 1=yes)" },
{ key: "radio_show_unique_listeners", comment: "Show unique listeners (0=no, 1=yes)" },
{ key: "radio_listener_alerts_enabled", comment: "Enable listener alerts (0=no, 1=yes)" },
{ key: "radio_min_listeners_threshold", comment: "Minimum listeners threshold" },
{ key: "radio_listener_alert_threshold_high", comment: "High listener alert threshold" },
{ key: "radio_listener_alert_threshold_low", comment: "Low listener alert threshold" },
{ key: 'radio_listeners_enabled', comment: 'Show listeners count (0=no, 1=yes)' },
{ key: 'radio_listeners_api_url', comment: 'Listeners API URL' },
{ key: 'radio_listeners_update_interval', comment: 'Listeners update interval in seconds' },
{ key: 'radio_show_listener_peak', comment: 'Show listener peak (0=no, 1=yes)' },
{ key: 'radio_peak_reset_time', comment: 'Peak reset time (HH:MM)' },
{ key: 'radio_store_listener_stats', comment: 'Store listener statistics (0=no, 1=yes)' },
{ key: 'radio_stats_retention_days', comment: 'Statistics retention in days' },
{ key: 'radio_show_listener_graph', comment: 'Show listener graph (0=no, 1=yes)' },
{ key: 'radio_listener_graph_period', comment: 'Listener graph period (1h/6h/12h/24h/7d)' },
{ key: 'radio_show_average_listeners', comment: 'Show average listeners (0=no, 1=yes)' },
{ key: 'radio_show_unique_listeners', comment: 'Show unique listeners (0=no, 1=yes)' },
{ key: 'radio_listener_alerts_enabled', comment: 'Enable listener alerts (0=no, 1=yes)' },
{ key: 'radio_min_listeners_threshold', comment: 'Minimum listeners threshold' },
{ key: 'radio_listener_alert_threshold_high', comment: 'High listener alert threshold' },
{ key: 'radio_listener_alert_threshold_low', comment: 'Low listener alert threshold' },
],
},
{
title: "DJ",
title: 'DJ',
fields: [
{ key: "radio_show_current_dj", comment: "Show current DJ (0=no, 1=yes)" },
{ key: "radio_current_dj_id", comment: "Manual DJ user ID" },
{ key: "radio_dj_avatar_size", comment: "DJ avatar size in pixels" },
{ key: "radio_show_dj_schedule", comment: "Show DJ schedule (0=no, 1=yes)" },
{ key: "radio_auto_dj_detection", comment: "Enable auto DJ detection (0=no, 1=yes)" },
{ key: "radio_dj_detection_interval", comment: "DJ detection interval in seconds" },
{ key: "auto_dj_detected_action", comment: "Action on DJ detection (set_dj/notify/both)" },
{ key: 'radio_show_current_dj', comment: 'Show current DJ (0=no, 1=yes)' },
{ key: 'radio_current_dj_id', comment: 'Manual DJ user ID' },
{ key: 'radio_dj_avatar_size', comment: 'DJ avatar size in pixels' },
{ key: 'radio_show_dj_schedule', comment: 'Show DJ schedule (0=no, 1=yes)' },
{ key: 'radio_auto_dj_detection', comment: 'Enable auto DJ detection (0=no, 1=yes)' },
{ key: 'radio_dj_detection_interval', comment: 'DJ detection interval in seconds' },
{ key: 'auto_dj_detected_action', comment: 'Action on DJ detection (set_dj/notify/both)' },
],
},
{
title: "Shouts & chat",
title: 'Shouts & chat',
fields: [
{ key: "radio_shouts_enabled", comment: "Enable shouts (0=no, 1=yes)" },
{ key: "radio_shouts_max_length", comment: "Maximum shout length in characters" },
{ key: "radio_shouts_cooldown", comment: "Shout cooldown in seconds" },
{ key: "radio_shouts_require_moderation", comment: "Require shout moderation (0=no, 1=yes)" },
{ key: "radio_chat_enabled", comment: "Enable live chat (0=no, 1=yes)" },
{ key: "radio_chat_position", comment: "Chat position (left/right/bottom)" },
{ key: "radio_chat_width", comment: "Chat width in pixels" },
{ key: "radio_chat_height", comment: "Chat height in pixels" },
{ key: "radio_chat_messages_count", comment: "Number of chat messages to show" },
{ key: "radio_chat_show_timestamps", comment: "Show chat timestamps (0=no, 1=yes)" },
{ key: "radio_chat_allow_links", comment: "Allow links in chat (0=no, 1=yes)" },
{ key: "radio_chat_allow_emojis", comment: "Allow emojis in chat (0=no, 1=yes)" },
{ key: 'radio_shouts_enabled', comment: 'Enable shouts (0=no, 1=yes)' },
{ key: 'radio_shouts_max_length', comment: 'Maximum shout length in characters' },
{ key: 'radio_shouts_cooldown', comment: 'Shout cooldown in seconds' },
{ key: 'radio_shouts_require_moderation', comment: 'Require shout moderation (0=no, 1=yes)' },
{ key: 'radio_chat_enabled', comment: 'Enable live chat (0=no, 1=yes)' },
{ key: 'radio_chat_position', comment: 'Chat position (left/right/bottom)' },
{ key: 'radio_chat_width', comment: 'Chat width in pixels' },
{ key: 'radio_chat_height', comment: 'Chat height in pixels' },
{ key: 'radio_chat_messages_count', comment: 'Number of chat messages to show' },
{ key: 'radio_chat_show_timestamps', comment: 'Show chat timestamps (0=no, 1=yes)' },
{ key: 'radio_chat_allow_links', comment: 'Allow links in chat (0=no, 1=yes)' },
{ key: 'radio_chat_allow_emojis', comment: 'Allow emojis in chat (0=no, 1=yes)' },
],
},
{
title: "Requests & widget",
title: 'Requests & widget',
fields: [
{ key: "radio_request_form_enabled", comment: "Enable song requests (0=no, 1=yes)" },
{ key: "radio_request_max_per_user", comment: "Maximum requests per user" },
{ key: "radio_request_cooldown", comment: "Request cooldown in seconds" },
{ key: "radio_voting_enabled", comment: "Enable request voting (0=no, 1=yes)" },
{ key: "radio_voting_show_song_requests", comment: "Show requests with votes (0=no, 1=yes)" },
{ key: "radio_widget_enabled", comment: "Enable radio widget (0=no, 1=yes)" },
{ key: "radio_widget_show_globally", comment: "Show widget globally (0=no, 1=yes)" },
{ key: "radio_widget_position", comment: "Widget position" },
{ key: 'radio_request_form_enabled', comment: 'Enable song requests (0=no, 1=yes)' },
{ key: 'radio_request_max_per_user', comment: 'Maximum requests per user' },
{ key: 'radio_request_cooldown', comment: 'Request cooldown in seconds' },
{ key: 'radio_voting_enabled', comment: 'Enable request voting (0=no, 1=yes)' },
{ key: 'radio_voting_show_song_requests', comment: 'Show requests with votes (0=no, 1=yes)' },
{ key: 'radio_widget_enabled', comment: 'Enable radio widget (0=no, 1=yes)' },
{ key: 'radio_widget_show_globally', comment: 'Show widget globally (0=no, 1=yes)' },
{ key: 'radio_widget_position', comment: 'Widget position' },
],
},
{
title: "Offline & branding",
title: 'Offline & branding',
fields: [
{ key: "radio_show_offline_message", comment: "Show offline message (0=no, 1=yes)" },
{ key: "radio_offline_message", comment: "Offline message text" },
{ key: "radio_offline_image", comment: "Offline page image URL" },
{ key: "radio_background_image", comment: "Background image URL" },
{ key: "radio_logo_url", comment: "Radio logo URL" },
{ key: 'radio_show_offline_message', comment: 'Show offline message (0=no, 1=yes)' },
{ key: 'radio_offline_message', comment: 'Offline message text' },
{ key: 'radio_offline_image', comment: 'Offline page image URL' },
{ key: 'radio_background_image', comment: 'Background image URL' },
{ key: 'radio_logo_url', comment: 'Radio logo URL' },
],
},
{
title: "Applications",
title: 'Applications',
fields: [
{ key: "radio_applications_enabled", comment: "Enable DJ applications (0=no, 1=yes)" },
{ key: "radio_applications_max_per_day", comment: "Maximum applications per day" },
{ key: "radio_applications_require_approval", comment: "Require application approval (0=no, 1=yes)" },
{ key: 'radio_applications_enabled', comment: 'Enable DJ applications (0=no, 1=yes)' },
{ key: 'radio_applications_max_per_day', comment: 'Maximum applications per day' },
{ key: 'radio_applications_require_approval', comment: 'Require application approval (0=no, 1=yes)' },
],
},
{
title: "Stats display",
title: 'Stats display',
fields: [
{ key: "radio_stats_show_daily", comment: "Show daily statistics (0=no, 1=yes)" },
{ key: "radio_stats_show_weekly", comment: "Show weekly statistics (0=no, 1=yes)" },
{ key: "radio_stats_show_monthly", comment: "Show monthly statistics (0=no, 1=yes)" },
{ key: "radio_stats_show_top_djs", comment: "Show top DJs (0=no, 1=yes)" },
{ key: "radio_stats_show_top_songs", comment: "Show top songs (0=no, 1=yes)" },
{ key: 'radio_stats_show_daily', comment: 'Show daily statistics (0=no, 1=yes)' },
{ key: 'radio_stats_show_weekly', comment: 'Show weekly statistics (0=no, 1=yes)' },
{ key: 'radio_stats_show_monthly', comment: 'Show monthly statistics (0=no, 1=yes)' },
{ key: 'radio_stats_show_top_djs', comment: 'Show top DJs (0=no, 1=yes)' },
{ key: 'radio_stats_show_top_songs', comment: 'Show top songs (0=no, 1=yes)' },
],
},
{
title: "Social & contact",
title: 'Social & contact',
fields: [
{ key: "radio_social_facebook", comment: "Facebook URL" },
{ key: "radio_social_twitter", comment: "Twitter URL" },
{ key: "radio_social_instagram", comment: "Instagram URL" },
{ key: "radio_social_discord", comment: "Discord URL" },
{ key: "radio_social_youtube", comment: "YouTube URL" },
{ key: "radio_social_twitch", comment: "Twitch URL" },
{ key: "radio_contact_email", comment: "Contact email" },
{ key: "radio_contact_phone", comment: "Contact phone" },
{ key: "radio_about_text", comment: "About radio text" },
{ key: 'radio_social_facebook', comment: 'Facebook URL' },
{ key: 'radio_social_twitter', comment: 'Twitter URL' },
{ key: 'radio_social_instagram', comment: 'Instagram URL' },
{ key: 'radio_social_discord', comment: 'Discord URL' },
{ key: 'radio_social_youtube', comment: 'YouTube URL' },
{ key: 'radio_social_twitch', comment: 'Twitch URL' },
{ key: 'radio_contact_email', comment: 'Contact email' },
{ key: 'radio_contact_phone', comment: 'Contact phone' },
{ key: 'radio_about_text', comment: 'About radio text' },
],
},
{
title: "Discord webhook & custom code",
title: 'Discord webhook & custom code',
fields: [
{ key: "radio_discord_webhook_url", comment: "Discord webhook URL" },
{ key: "radio_discord_enabled", comment: "Enable Discord notifications (0=no, 1=yes)" },
{ key: "radio_discord_dj_live", comment: "Discord DJ live notification (0=no, 1=yes)" },
{ key: "radio_discord_song_changes", comment: "Discord song change notification (0=no, 1=yes)" },
{ key: "radio_discord_custom_message", comment: "Custom Discord message template" },
{ key: "radio_custom_css", comment: "Custom CSS code" },
{ key: "radio_custom_js", comment: "Custom JavaScript code" },
{ key: 'radio_discord_webhook_url', comment: 'Discord webhook URL' },
{ key: 'radio_discord_enabled', comment: 'Enable Discord notifications (0=no, 1=yes)' },
{ key: 'radio_discord_dj_live', comment: 'Discord DJ live notification (0=no, 1=yes)' },
{ key: 'radio_discord_song_changes', comment: 'Discord song change notification (0=no, 1=yes)' },
{ key: 'radio_discord_custom_message', comment: 'Custom Discord message template' },
{ key: 'radio_custom_css', comment: 'Custom CSS code' },
{ key: 'radio_custom_js', comment: 'Custom JavaScript code' },
],
},
];
@@ -195,8 +195,12 @@ export default async function AdminRadioSettingsPage() {
});
values = new Map(rows.map((r) => [r.key, r.value]));
extra = rows
.filter((r) => (r.key.startsWith("radio_") || r.key.startsWith("auto_dj_")) && !CURATED_KEYS.has(r.key))
.map((r) => ({ key: r.key, comment: r.comment ?? "" }));
.filter(
(r) =>
(r.key.startsWith('radio_') || r.key.startsWith('auto_dj_')) &&
!CURATED_KEYS.has(r.key),
)
.map((r) => ({ key: r.key, comment: r.comment ?? '' }));
} catch {
dbError = true;
}
@@ -205,22 +209,22 @@ export default async function AdminRadioSettingsPage() {
? [...GROUPS, { title: t("settingsForm.otherSettings"), fields: extra }]
: GROUPS;
const allKeys = [...CURATED_KEYS, ...extra.map((e) => e.key)].join(",");
const allKeys = [...CURATED_KEYS, ...extra.map((e) => e.key)].join(',');
const totalKeys = CURATED_KEYS.size + extra.length;
const configuredKeys = [...CURATED_KEYS].filter((k) => {
const v = values.get(k);
return v != null && v !== "";
return v != null && v !== '';
}).length;
const radioEnabled = (values.get("radio_enabled") ?? "") === "1";
const radioEnabled = (values.get('radio_enabled') ?? '') === '1';
return (
<main>
<nav className="text-xs text-gray-500 dark:text-gray-400 mb-2">
<Link href="/admin/radio">{t("title")}</Link> ·{" "}
<Link href="/admin/radio/settings">{t("settings")}</Link> ·{" "}
<Link href="/admin/radio/banners">{t("banners.title")}</Link> ·{" "}
<Link href="/admin/radio/ranks">{t("ranks")}</Link> ·{" "}
<Link href="/admin/radio">{t("title")}</Link> ·{' '}
<Link href="/admin/radio/settings">{t("settings")}</Link> ·{' '}
<Link href="/admin/radio/banners">{t("banners.title")}</Link> ·{' '}
<Link href="/admin/radio/ranks">{t("ranks")}</Link> ·{' '}
<Link href="/admin/radio/history">{t("history")}</Link>
</nav>
@@ -236,14 +240,16 @@ export default async function AdminRadioSettingsPage() {
{dbError ? (
<div className="admin-card mb-6">
<p className="text-xs text-gray-500 dark:text-gray-400 m-0">{t("settingsForm.dbError")}</p>
<p className="text-xs text-gray-500 dark:text-gray-400 m-0">
{t("settingsForm.dbError")}
</p>
</div>
) : (
<div className="grid grid-cols-[repeat(auto-fit,minmax(180px,1fr))] gap-3.5 mb-6">
<StatusCard
label="Radio"
value={radioEnabled ? t("settingsForm.enabled") : t("settingsForm.disabled")}
state={radioEnabled ? "ok" : "danger"}
state={radioEnabled ? 'ok' : 'danger'}
icon="\u{1F4BB}"
/>
<StatusCard label={t("settingsForm.totalKeys")} value={totalKeys} icon="\u{1F511}" />
@@ -256,7 +262,7 @@ export default async function AdminRadioSettingsPage() {
<StatusCard
label={t("settingsForm.customKeys")}
value={extra.length}
state={extra.length > 0 ? "warn" : "neutral"}
state={extra.length > 0 ? 'warn' : 'neutral'}
icon="\u{2795}"
/>
</div>
@@ -271,25 +277,25 @@ export default async function AdminRadioSettingsPage() {
</div>
{groups.map((group) => (
<section key={group.title} className="admin-card" style={{ marginBottom: "1.25rem" }}>
<section key={group.title} className="admin-card" style={{ marginBottom: '1.25rem' }}>
<h2 style={{ marginTop: 0 }}>{group.title}</h2>
<div className="grid grid-cols-1 gap-4 md:grid-cols-2">
{group.fields.map((field) => (
<div key={field.key}>
<label
htmlFor={`f_${field.key}`}
style={{ display: "block", fontWeight: 700, fontSize: "0.85rem" }}
style={{ display: 'block', fontWeight: 700, fontSize: '0.85rem' }}
>
{field.key}
</label>
<input
id={`f_${field.key}`}
name={field.key}
defaultValue={values.get(field.key) ?? ""}
style={{ width: "100%" }}
defaultValue={values.get(field.key) ?? ''}
style={{ width: '100%' }}
/>
{field.comment ? (
<p className="text-xs text-gray-500 dark:text-gray-400" style={{ margin: "0.2rem 0 0" }}>
<p className="text-xs text-gray-500 dark:text-gray-400" style={{ margin: '0.2rem 0 0' }}>
{field.comment}
</p>
) : null}
@@ -306,15 +312,11 @@ export default async function AdminRadioSettingsPage() {
</div>
</form>
<section className="admin-card" style={{ marginTop: "1.5rem" }}>
<section className="admin-card" style={{ marginTop: '1.5rem' }}>
<h3 style={{ marginTop: 0 }}>{t("settingsForm.singleKey")}</h3>
<form action={saveRadioSetting} className="flex gap-2 flex-wrap">
<input name="key" placeholder={t("settingsForm.keyPlaceholder")} required />
<input
name="value"
placeholder={t("settingsForm.valuePlaceholder")}
className="flex-1 min-w-[160px]"
/>
<input name="value" placeholder={t("settingsForm.valuePlaceholder")} className="flex-1 min-w-[160px]" />
<input name="comment" placeholder={t("settingsForm.commentPlaceholder")} />
<button type="submit" className="btn btn-primary">
{t("settingsForm.saveSingle")}