feat(RHINENG-20424): fixed a label bug

Author: Fewwy

web/src/components/Incidents/IncidentsPage.tsx

@@ -405,30 +405,37 @@ const IncidentsPage = () => {
                   </ToolbarItem>
                 </ToolbarGroup>
                 <ToolbarItem align={{ default: 'alignEnd' }}>
-                  <Select
-                    id="time-range-select"
-                    isOpen={daysFilterIsExpanded}
-                    selected={incidentsActiveFilters.days[0]}
-                    onSelect={onSelect}
-                    onOpenChange={(isOpen) => setDaysFilterIsExpanded(isOpen)}
-                    toggle={(toggleRef) => (
-                      <MenuToggle
-                        ref={toggleRef}
-                        onClick={onToggleClick}
-                        isExpanded={daysFilterIsExpanded}
+                  <Stack>
+                    <StackItem>
+                      <span>Time range</span>
+                    </StackItem>
+                    <StackItem>
+                      <Select
+                        id="time-range-select"
+                        isOpen={daysFilterIsExpanded}
+                        selected={incidentsActiveFilters.days[0]}
+                        onSelect={onSelect}
+                        onOpenChange={(isOpen) => setDaysFilterIsExpanded(isOpen)}
+                        toggle={(toggleRef) => (
+                          <MenuToggle
+                            ref={toggleRef}
+                            onClick={onToggleClick}
+                            isExpanded={daysFilterIsExpanded}
+                          >
+                            {`Last ${incidentsActiveFilters.days[0]}`}
+                          </MenuToggle>
+                        )}
+                        shouldFocusToggleOnSelect
                       >
-                        {incidentsActiveFilters.days[0]}
-                      </MenuToggle>
-                    )}
-                    shouldFocusToggleOnSelect
-                  >
-                    <SelectList>
-                      <SelectOption value="1 day">{t('1 day')}</SelectOption>
-                      <SelectOption value="3 days">{t('3 days')}</SelectOption>
-                      <SelectOption value="7 days">{t('7 days')}</SelectOption>
-                      <SelectOption value="15 days">{t('15 days')}</SelectOption>
-                    </SelectList>
-                  </Select>
+                        <SelectList>
+                          <SelectOption value="1 day">{t('Last 1 day')}</SelectOption>
+                          <SelectOption value="3 days">{t('Last 3 days')}</SelectOption>
+                          <SelectOption value="7 days">{t('Last 7 days')}</SelectOption>
+                          <SelectOption value="15 days">{t('Last 15 days')}</SelectOption>
+                        </SelectList>
+                      </Select>
+                    </StackItem>
+                  </Stack>
                 </ToolbarItem>
               </ToolbarContent>
             </Toolbar>

web/src/components/Incidents/utils.ts

@@ -377,16 +377,6 @@ export const onDeleteIncidentFilterChip = (
         },
       }),
     );
-  } else {
-    setFilters(
-      setIncidentsActiveFilters({
-        incidentsActiveFilters: {
-          severity: [],
-          days: ['7 days'],
-          state: [],
-        },
-      }),
-    );
   }
 };