[Bug Fix] Window size changing unexpectedly (#178)

Signed-off-by: Kishore Kumaar Natarajan <[email protected]>
Co-authored-by: Kishore Kumaar Natarajan <[email protected]>
(cherry picked from commit da66ed6)
Signed-off-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>

Author: github-actions[bot]

public/pages/TopNQueries/TopNQueries.tsx

@@ -313,18 +313,26 @@ const TopNQueries = ({
             deleteAfterDays: newDeleteAfterDays,
             exporterType: newExporterType,
           });
-          await core.http.put('/api/update_settings', {
-            query: {
-              metric,
-              enabled,
-              top_n_size: newTopN,
-              window_size: `${newWindowSize}${newTimeUnit === 'MINUTES' ? 'm' : 'h'}`,
-              exporterType: newExporterType,
-              group_by: newGroupBy,
-              delete_after_days: newDeleteAfterDays,
-              dataSourceId: getDataSourceFromUrl().id, // TODO: get this dynamically from the URL
-            },
-          });
+          const queryParams: Record<string, any> = {
+            metric,
+            enabled,
+            top_n_size: newTopN,
+            exporterType: newExporterType,
+            group_by: newGroupBy,
+            delete_after_days: newDeleteAfterDays,
+            dataSourceId: getDataSourceFromUrl().id,
+          };
+          if (newTimeUnit === 'MINUTES') {
+            newTimeUnit = 'm';
+          }
+          if (newTimeUnit === 'HOURS') {
+            newTimeUnit = 'h';
+          }
+          if (newWindowSize && newTimeUnit) {
+            queryParams.window_size = `${newWindowSize}${newTimeUnit}`;
+          }
+
+          await core.http.put('/api/update_settings', { query: queryParams });
         } catch (error) {
           console.error('Failed to set settings:', error);
         }