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 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">
<span className="schedule-label">{t('settings.schedule.stockCheck')}</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"
},
"schedule": {
"title": "Erinnerungsplan",
"stockCheck": "Bestandsprüfung",
"dailyAt6": "Täglich um 6:00 Uhr",
"intakeCheck": "Einnahmeprüfung",
"15minBefore": "15 Min. vor geplanter Zeit",
"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": {
"title": "Bestand",
+3 -1
View File
@@ -167,12 +167,14 @@
"supports": "Supports ntfy, Discord, Telegram, Slack"
},
"schedule": {
"title": "Reminder Schedule",
"stockCheck": "Stock check",
"dailyAt6": "Daily at 6:00 AM",
"intakeCheck": "Intake check",
"15minBefore": "15 min before scheduled time",
"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": {
"title": "Stock",
+17
View File
@@ -1531,6 +1531,23 @@ textarea {
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 {
display: flex;
justify-content: space-between;