feat(schedule): add schedule header with title and tooltip for configuration hints

This commit is contained in:
Daniel Volz
2025-12-27 23:21:02 +01:00
parent 27af4dd14b
commit be68fb5dad
4 changed files with 27 additions and 2 deletions
+4
View File
@@ -1732,6 +1732,10 @@ function AppContent() {
</div> </div>
<div className="schedule-overview"> <div className="schedule-overview">
<div className="schedule-header">
<span className="schedule-title">{t('settings.schedule.title')}</span>
<span className="info-tooltip" data-tooltip={t('settings.schedule.envHint')}></span>
</div>
<div className="schedule-row"> <div className="schedule-row">
<span className="schedule-label">{t('settings.schedule.stockCheck')}</span> <span className="schedule-label">{t('settings.schedule.stockCheck')}</span>
<span className="schedule-value">{t('settings.schedule.dailyAt6')}</span> <span className="schedule-value">{t('settings.schedule.dailyAt6')}</span>
+3 -1
View File
@@ -165,12 +165,14 @@
"supports": "Unterstützt ntfy, Discord, Telegram, Slack" "supports": "Unterstützt ntfy, Discord, Telegram, Slack"
}, },
"schedule": { "schedule": {
"title": "Erinnerungsplan",
"stockCheck": "Bestandsprüfung", "stockCheck": "Bestandsprüfung",
"dailyAt6": "Täglich um 6:00 Uhr", "dailyAt6": "Täglich um 6:00 Uhr",
"intakeCheck": "Einnahmeprüfung", "intakeCheck": "Einnahmeprüfung",
"15minBefore": "15 Min. vor geplanter Zeit", "15minBefore": "15 Min. vor geplanter Zeit",
"nextCheck": "Nächste Bestandsprüfung", "nextCheck": "Nächste Bestandsprüfung",
"lastSent": "Zuletzt gesendet" "lastSent": "Zuletzt gesendet",
"envHint": "Diese Werte können über REMINDER_HOUR und REMINDER_MINUTES_BEFORE in .env konfiguriert werden"
}, },
"stock": { "stock": {
"title": "Bestand", "title": "Bestand",
+3 -1
View File
@@ -167,12 +167,14 @@
"supports": "Supports ntfy, Discord, Telegram, Slack" "supports": "Supports ntfy, Discord, Telegram, Slack"
}, },
"schedule": { "schedule": {
"title": "Reminder Schedule",
"stockCheck": "Stock check", "stockCheck": "Stock check",
"dailyAt6": "Daily at 6:00 AM", "dailyAt6": "Daily at 6:00 AM",
"intakeCheck": "Intake check", "intakeCheck": "Intake check",
"15minBefore": "15 min before scheduled time", "15minBefore": "15 min before scheduled time",
"nextCheck": "Next stock check", "nextCheck": "Next stock check",
"lastSent": "Last sent" "lastSent": "Last sent",
"envHint": "These values can be configured via REMINDER_HOUR and REMINDER_MINUTES_BEFORE in .env"
}, },
"stock": { "stock": {
"title": "Stock", "title": "Stock",
+17
View File
@@ -1531,6 +1531,23 @@ textarea {
margin-bottom: 1.5rem; margin-bottom: 1.5rem;
} }
.schedule-header {
display: flex;
align-items: center;
gap: 0.5rem;
margin-bottom: 0.75rem;
padding-bottom: 0.5rem;
border-bottom: 1px solid var(--border-primary);
}
.schedule-title {
font-size: 0.8rem;
font-weight: 600;
color: var(--text-secondary);
text-transform: uppercase;
letter-spacing: 0.5px;
}
.schedule-row { .schedule-row {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;