From f728fda759e5e7f0badf8d9c9093bb54e7133149 Mon Sep 17 00:00:00 2001
From: Rostislav Dugin <rostislav.dugin@outlook.com>
Date: Fri, 27 Mar 2026 22:51:40 +0300
Subject: [PATCH] FIX (backups): Hide hourly GFS when daily and more period
 selected

---
 .../backups/ui/EditBackupConfigComponent.tsx  | 43 +++++++++++++------
 1 file changed, 30 insertions(+), 13 deletions(-)

diff --git a/frontend/src/features/backups/ui/EditBackupConfigComponent.tsx b/frontend/src/features/backups/ui/EditBackupConfigComponent.tsx
index f3c1bfa..f0be2f5 100644
--- a/frontend/src/features/backups/ui/EditBackupConfigComponent.tsx
+++ b/frontend/src/features/backups/ui/EditBackupConfigComponent.tsx
@@ -244,6 +244,10 @@ export const EditBackupConfigComponent = ({
 
   const retentionPolicyType = backupConfig.retentionPolicyType ?? RetentionPolicyType.TimePeriod;
 
+  const isShowGfsHours =
+    backupInterval?.interval === IntervalType.HOURLY ||
+    backupInterval?.interval === IntervalType.CRON;
+
   const isRetentionValid = (() => {
     switch (retentionPolicyType) {
       case RetentionPolicyType.TimePeriod:
@@ -292,7 +296,18 @@ export const EditBackupConfigComponent = ({
             <div className="mb-1 min-w-[150px] sm:mb-0">Backup interval</div>
             <Select
               value={backupInterval?.interval}
-              onChange={(v) => saveInterval({ interval: v })}
+              onChange={(v) => {
+                saveInterval({ interval: v });
+
+                const isDailyOrMore =
+                  v === IntervalType.DAILY ||
+                  v === IntervalType.WEEKLY ||
+                  v === IntervalType.MONTHLY;
+
+                if (isDailyOrMore && retentionPolicyType === RetentionPolicyType.GFS) {
+                  updateBackupConfig({ retentionGfsHours: 24 });
+                }
+              }}
               size="small"
               className="w-full max-w-[200px] grow"
               options={[
@@ -594,18 +609,20 @@ export const EditBackupConfigComponent = ({
               </div>
 
               <div className="flex flex-col gap-1">
-                <div className="flex items-center gap-2">
-                  <span className="w-[110px] text-sm text-gray-600 dark:text-gray-400">
-                    Hourly backups
-                  </span>
-                  <InputNumber
-                    min={0}
-                    value={backupConfig.retentionGfsHours}
-                    onChange={(v) => updateBackupConfig({ retentionGfsHours: v ?? 0 })}
-                    size="small"
-                    className="w-[80px]"
-                  />
-                </div>
+                {isShowGfsHours && (
+                  <div className="flex items-center gap-2">
+                    <span className="w-[110px] text-sm text-gray-600 dark:text-gray-400">
+                      Hourly backups
+                    </span>
+                    <InputNumber
+                      min={0}
+                      value={backupConfig.retentionGfsHours}
+                      onChange={(v) => updateBackupConfig({ retentionGfsHours: v ?? 0 })}
+                      size="small"
+                      className="w-[80px]"
+                    />
+                  </div>
+                )}
 
                 <div className="flex items-center gap-2">
                   <span className="w-[110px] text-sm text-gray-600 dark:text-gray-400">