Merge pull request #675 from AppQuality/custom-status

Custom-status

Author: marcbon

src/common/components/BugDetail/BugStateDropdown.tsx

@@ -20,6 +20,10 @@ import { appTheme } from 'src/app/theme';
 import { useTranslation } from 'react-i18next';
 import { BugStateIcon } from 'src/common/components/BugStateIcon';
 import { getCustomStatusInfo } from 'src/common/components/utils/getCustomStatusInfo';
+import { ReactComponent as GearIcon } from 'src/assets/icons/gear.svg';
+import { useAppDispatch } from 'src/app/hooks';
+import { setCustomStatusDrawerOpen } from 'src/features/bugsPage/bugsPageSlice';
+import useWindowSize from 'src/hooks/useWindowSize';
 
 const StyledItem = styled(Item)`
   display: flex;
@@ -30,6 +34,13 @@ const StyledItem = styled(Item)`
   }
 `;
 
+const ManageItem = styled(StyledItem)`
+  padding-left: ${({ theme }) => theme.space.sm};
+  color: ${({ theme }) => theme.palette.blue[600]};
+  font-weight: ${({ theme }) => theme.fontWeights.semibold};
+  cursor: pointer;
+`;
+
 const SelectedItem = styled.div`
   display: flex;
   align-items: center;
@@ -61,6 +72,10 @@ const BugStateDropdown = ({ bug }: { bug: Bug }) => {
   } = useGetCampaignsByCidCustomStatusesQuery({
     cid: bug.campaign_id.toString(),
   });
+  const dispatch = useAppDispatch();
+  const { width } = useWindowSize();
+  const breakpointSm = parseInt(appTheme.breakpoints.sm, 10);
+  const hideManage = width < breakpointSm;
 
   const sortStates = (a: DropdownItem, b: DropdownItem) => {
     if (a.id < b.id) return -1;
@@ -93,6 +108,10 @@ const BugStateDropdown = ({ bug }: { bug: Bug }) => {
     );
   }, [custom_status, options]);
 
+  const onManageClick = () => {
+    dispatch(setCustomStatusDrawerOpen(true));
+  };
+
   if (isError) return null;
 
   return (
@@ -143,7 +162,7 @@ const BugStateDropdown = ({ bug }: { bug: Bug }) => {
               </Select>
             )}
           </Field>
-          <Menu>
+          <Menu zIndex={1}>
             {options &&
               options.map((item) => (
                 <>
@@ -159,6 +178,24 @@ const BugStateDropdown = ({ bug }: { bug: Bug }) => {
                   </StyledItem>
                 </>
               ))}
+
+            {!hideManage && (
+              <>
+                <Separator />
+                <ManageItem
+                  disabled
+                  value={{}}
+                  key="manage-custom-status"
+                  className="bug-dropdown-custom-status-manage"
+                  onClick={onManageClick}
+                >
+                  <GearIcon />{' '}
+                  {t(
+                    '__BUGS_PAGE_BUG_DETAIL_CUSTOM_STATUS_DROPDOWN_MANAGE_LABEL'
+                  )}
+                </ManageItem>
+              </>
+            )}
           </Menu>
         </Dropdown>
       )}

src/features/bugsPage/bugsPageSlice.ts

@@ -48,6 +48,17 @@ interface initialSimpleState {
   order: Order;
   isFilterDrawerOpen: boolean;
   isNaBugExcluded: boolean;
+  isCustomStatusDrawerOpen: boolean;
+  customStatus: Array<{
+    id: number;
+    name: string;
+    color: string;
+    phase: {
+      id: number;
+      name: string;
+    };
+    is_default: boolean;
+  }>;
 }
 
 const initialStateSimple: initialSimpleState = {
@@ -57,6 +68,8 @@ const initialStateSimple: initialSimpleState = {
   order: 'DESC',
   isFilterDrawerOpen: false,
   isNaBugExcluded: false,
+  isCustomStatusDrawerOpen: false,
+  customStatus: [],
 };
 
 const bugPageSlice = createSlice({
@@ -198,6 +211,15 @@ const bugPageSlice = createSlice({
     setIsNaBugExcluded: (state, action: PayloadAction<boolean>) => {
       state.isNaBugExcluded = action.payload;
     },
+    setCustomStatusDrawerOpen: (state, action: PayloadAction<boolean>) => {
+      state.isCustomStatusDrawerOpen = action.payload;
+    },
+    updateCustomStatus: (state, action) => {
+      state.customStatus = action.payload;
+    },
+    resetCustomStatus: (state) => {
+      state.customStatus = initialStateSimple.customStatus;
+    },
   },
 });
 
@@ -273,4 +295,7 @@ export const {
   setOrder,
   setFilterDrawerOpen,
   setIsNaBugExcluded,
+  setCustomStatusDrawerOpen,
+  updateCustomStatus,
+  resetCustomStatus,
 } = bugPageSlice.actions;

src/locales/en/translation.json

@@ -72,6 +72,7 @@
   "__BUGS_PAGE_BUG_DETAIL_ATTACHMENTS_VIDEO_LABEL_one": "video",
   "__BUGS_PAGE_BUG_DETAIL_ATTACHMENTS_VIDEO_LABEL_other": "videos",
   "__BUGS_PAGE_BUG_DETAIL_CURRENT_RESULT_LABEL": "Actual result",
+  "__BUGS_PAGE_BUG_DETAIL_CUSTOM_STATUS_DROPDOWN_MANAGE_LABEL": "Add or edit statuses",
   "__BUGS_PAGE_BUG_DETAIL_DESCRIPTION_LABEL": "Description",
   "__BUGS_PAGE_BUG_DETAIL_DETAILS_BUG_DEVICE_OS_LABEL": "OS",
   "__BUGS_PAGE_BUG_DETAIL_DETAILS_BUG_DEVICE_TYPE_LABEL": "Device",
@@ -105,6 +106,9 @@
   "__BUGS_PAGE_BUG_DETAIL_TAGS_SHOW_MORE_one": "+ other {{count}}",
   "__BUGS_PAGE_BUG_DETAIL_TAGS_SHOW_MORE_other": "+ other {{count}}",
   "__BUGS_PAGE_CLOSE_DETAILS_TOOLTIP": "Close",
+  "__BUGS_PAGE_CUSTOM_STATUS_DRAWER_CONFIRM_BUTTON": "Save changes",
+  "__BUGS_PAGE_CUSTOM_STATUS_DRAWER_HEADER_TITLE": "Add or edit statuses",
+  "__BUGS_PAGE_CUSTOM_STATUS_DRAWER_RESET_BUTTON": "Cancel",
   "__BUGS_PAGE_FILTER_DRAWER_BODY_ACTIONS_LABEL": "TAILORED FOR YOU",
   "__BUGS_PAGE_FILTER_DRAWER_BODY_BUG_LABEL": "OTHER DETAILS",
   "__BUGS_PAGE_FILTER_DRAWER_BODY_COMMON_LABEL": "MOST POPULAR",

src/locales/it/translation.json

@@ -16,6 +16,7 @@
   "__APP_MOBILE_NAVIGATION_MENU_LABEL MAX:5": "menu",
   "__APP_MOBILE_NAVIGATION_PERSONAL_WORKSPACES_DROPDOWN_GROUP_LABEL": "I tuoi workspace",
   "__APP_MOBILE_NAVIGATION_SHARED_WORKSPACES_COUNTER_LABEL_one": "{{count}} elemento condiviso",
+  "__APP_MOBILE_NAVIGATION_SHARED_WORKSPACES_COUNTER_LABEL_many": "",
   "__APP_MOBILE_NAVIGATION_SHARED_WORKSPACES_COUNTER_LABEL_other": "{{count}} elementi condivisi",
   "__APP_MOBILE_NAVIGATION_SHARED_WORKSPACES_DROPDOWN_GROUP_LABEL": "Workspace condivisi",
   "__APP_MOBILE_NAVIGATION_WORKSPACES_DROPDOWN_LABEL_NO_MATCHING_ITEMS": "Nessun workspace trovato",
@@ -66,12 +67,15 @@
   "__BUGS_PAGE_BUG_DETAIL_ATTACHMENTS_EXTRA_TAB_ITEM_LABEL": "File extra",
   "__BUGS_PAGE_BUG_DETAIL_ATTACHMENTS_EXTRA_TAB_TITLE": "Extra",
   "__BUGS_PAGE_BUG_DETAIL_ATTACHMENTS_IMAGE_LABEL_one": "immagine",
+  "__BUGS_PAGE_BUG_DETAIL_ATTACHMENTS_IMAGE_LABEL_many": "",
   "__BUGS_PAGE_BUG_DETAIL_ATTACHMENTS_IMAGE_LABEL_other": "immagini",
   "__BUGS_PAGE_BUG_DETAIL_ATTACHMENTS_LABEL": "Allegati",
   "__BUGS_PAGE_BUG_DETAIL_ATTACHMENTS_MEDIA_TAB_TITLE": "Immagini & video",
   "__BUGS_PAGE_BUG_DETAIL_ATTACHMENTS_VIDEO_LABEL_one": "video",
+  "__BUGS_PAGE_BUG_DETAIL_ATTACHMENTS_VIDEO_LABEL_many": "",
   "__BUGS_PAGE_BUG_DETAIL_ATTACHMENTS_VIDEO_LABEL_other": "video",
   "__BUGS_PAGE_BUG_DETAIL_CURRENT_RESULT_LABEL": "Risultato ottenuto",
+  "__BUGS_PAGE_BUG_DETAIL_CUSTOM_STATUS_DROPDOWN_MANAGE_LABEL": "Crea o modifica stati",
   "__BUGS_PAGE_BUG_DETAIL_DESCRIPTION_LABEL": "Descrizione",
   "__BUGS_PAGE_BUG_DETAIL_DETAILS_BUG_DEVICE_OS_LABEL": "OS",
   "__BUGS_PAGE_BUG_DETAIL_DETAILS_BUG_DEVICE_TYPE_LABEL": "Dispositivo",
@@ -97,62 +101,76 @@
   "__BUGS_PAGE_BUG_DETAIL_SIBLINGS_FATHER_SUBTITLE": "Il bug da prendere come riferimento",
   "__BUGS_PAGE_BUG_DETAIL_SIBLINGS_FATHER_TITLE": "Bug unico",
   "__BUGS_PAGE_BUG_DETAIL_SIBLINGS_SHOW_MORE_one": "+ {{count}} altro",
+  "__BUGS_PAGE_BUG_DETAIL_SIBLINGS_SHOW_MORE_many": "Show more +{{count}}",
   "__BUGS_PAGE_BUG_DETAIL_SIBLINGS_SHOW_MORE_other": "+ altri {{count}}",
   "__BUGS_PAGE_BUG_DETAIL_STATE_LABEL": "Stato",
   "__BUGS_PAGE_BUG_DETAIL_TAGS_ADD_NEW": "Aggiungi",
   "__BUGS_PAGE_BUG_DETAIL_TAGS_LABEL": "Tag",
   "__BUGS_PAGE_BUG_DETAIL_TAGS_PLACEHOLDER": "Cerca o aggiungi altri tag",
   "__BUGS_PAGE_BUG_DETAIL_TAGS_SHOW_MORE_one": "+ {{count}} altro",
+  "__BUGS_PAGE_BUG_DETAIL_TAGS_SHOW_MORE_many": "",
   "__BUGS_PAGE_BUG_DETAIL_TAGS_SHOW_MORE_other": "+ altri {{count}}",
   "__BUGS_PAGE_CLOSE_DETAILS_TOOLTIP": "Chiudi",
+  "__BUGS_PAGE_CUSTOM_STATUS_DRAWER_CONFIRM_BUTTON": "",
+  "__BUGS_PAGE_CUSTOM_STATUS_DRAWER_HEADER_TITLE": "",
+  "__BUGS_PAGE_CUSTOM_STATUS_DRAWER_RESET_BUTTON": "",
   "__BUGS_PAGE_FILTER_DRAWER_BODY_ACTIONS_LABEL": "AZIONI FATTE DA TE",
   "__BUGS_PAGE_FILTER_DRAWER_BODY_BUG_LABEL": "ALTRI DETTAGLI DEL BUG",
   "__BUGS_PAGE_FILTER_DRAWER_BODY_COMMON_LABEL": "PIÙ COMUNI",
   "__BUGS_PAGE_FILTER_DRAWER_BODY_FILTER_CUSTOM_STATUS_ALL_LABEL": "Tutte",
   "__BUGS_PAGE_FILTER_DRAWER_BODY_FILTER_CUSTOM_STATUSE_TITLE": "Stato",
   "__BUGS_PAGE_FILTER_DRAWER_BODY_FILTER_CUSTOM_STATUSES_SHOW_LESS_LABEL": "Mostra meno",
   "__BUGS_PAGE_FILTER_DRAWER_BODY_FILTER_CUSTOM_STATUSES_SHOW_MORE_LABEL_one": "+ <2>1</2> altra",
+  "__BUGS_PAGE_FILTER_DRAWER_BODY_FILTER_CUSTOM_STATUSES_SHOW_MORE_LABEL_many": "Show <2>{{count}}</2> more statuses",
   "__BUGS_PAGE_FILTER_DRAWER_BODY_FILTER_CUSTOM_STATUSES_SHOW_MORE_LABEL_other": "+ altre <2>{{count}}</2>",
   "__BUGS_PAGE_FILTER_DRAWER_BODY_FILTER_DEVICE_ALL_LABEL": "Tutti",
   "__BUGS_PAGE_FILTER_DRAWER_BODY_FILTER_DEVICE_SHOW_LESS_LABEL": "Mostra meno",
   "__BUGS_PAGE_FILTER_DRAWER_BODY_FILTER_DEVICE_SHOW_MORE_LABEL_one": "+ <2>1</2> altro",
+  "__BUGS_PAGE_FILTER_DRAWER_BODY_FILTER_DEVICE_SHOW_MORE_LABEL_many": "Show <2>{{count}}</2> more devices",
   "__BUGS_PAGE_FILTER_DRAWER_BODY_FILTER_DEVICE_SHOW_MORE_LABEL_other": "+ altri <2>{{count}}</2>",
   "__BUGS_PAGE_FILTER_DRAWER_BODY_FILTER_DEVICE_TITLE": "Dispositivo",
   "__BUGS_PAGE_FILTER_DRAWER_BODY_FILTER_DUPLICATES_TITLE": "Duplicati",
   "__BUGS_PAGE_FILTER_DRAWER_BODY_FILTER_OS_ALL_LABEL": "Tutti",
   "__BUGS_PAGE_FILTER_DRAWER_BODY_FILTER_OS_SHOW_LESS_LABEL": "Mostra meno",
   "__BUGS_PAGE_FILTER_DRAWER_BODY_FILTER_OS_SHOW_MORE_LABEL_one": "+ <2>1</2> altro",
+  "__BUGS_PAGE_FILTER_DRAWER_BODY_FILTER_OS_SHOW_MORE_LABEL_many": "Show <2>{{count}}</2> more OS",
   "__BUGS_PAGE_FILTER_DRAWER_BODY_FILTER_OS_SHOW_MORE_LABEL_other": "+ altri <2>{{count}}</2>",
   "__BUGS_PAGE_FILTER_DRAWER_BODY_FILTER_OS_TITLE": "OS",
   "__BUGS_PAGE_FILTER_DRAWER_BODY_FILTER_PRIORITIES_SHOW_LESS_LABEL": "Mostra meno",
   "__BUGS_PAGE_FILTER_DRAWER_BODY_FILTER_PRIORITIES_SHOW_MORE_LABEL_one": "+ <2>1</2> altra",
+  "__BUGS_PAGE_FILTER_DRAWER_BODY_FILTER_PRIORITIES_SHOW_MORE_LABEL_many": "Show <2>{{count}}</2> more priorities",
   "__BUGS_PAGE_FILTER_DRAWER_BODY_FILTER_PRIORITIES_SHOW_MORE_LABEL_other": "+ altre <2>{{count}}</2>",
   "__BUGS_PAGE_FILTER_DRAWER_BODY_FILTER_PRIORITY_ALL_LABEL": "Tutte",
   "__BUGS_PAGE_FILTER_DRAWER_BODY_FILTER_PRIORITY_TITLE": "Priorità",
   "__BUGS_PAGE_FILTER_DRAWER_BODY_FILTER_READ_TITLE": "Letti/non letti",
   "__BUGS_PAGE_FILTER_DRAWER_BODY_FILTER_REPLICABILITY_ALL_LABEL": "Tutte",
   "__BUGS_PAGE_FILTER_DRAWER_BODY_FILTER_REPLICABILITY_SHOW_LESS_LABEL": "Mostra meno",
   "__BUGS_PAGE_FILTER_DRAWER_BODY_FILTER_REPLICABILITY_SHOW_MORE_LABEL_one": "+ <2>1</2> altra",
+  "__BUGS_PAGE_FILTER_DRAWER_BODY_FILTER_REPLICABILITY_SHOW_MORE_LABEL_many": "Show <2>{{count}}</2> more replicabilities",
   "__BUGS_PAGE_FILTER_DRAWER_BODY_FILTER_REPLICABILITY_SHOW_MORE_LABEL_other": "+ altre <2>{{count}}</2>",
   "__BUGS_PAGE_FILTER_DRAWER_BODY_FILTER_REPLICABILITY_TITLE": "Replicabilità",
   "__BUGS_PAGE_FILTER_DRAWER_BODY_FILTER_SEVERITIES_SHOW_LESS_LABEL": "Mostra meno",
   "__BUGS_PAGE_FILTER_DRAWER_BODY_FILTER_SEVERITIES_SHOW_MORE_LABEL_one": "+ <2>1</2> altra",
+  "__BUGS_PAGE_FILTER_DRAWER_BODY_FILTER_SEVERITIES_SHOW_MORE_LABEL_many": "Show <2>{{count}}</2> more severities",
   "__BUGS_PAGE_FILTER_DRAWER_BODY_FILTER_SEVERITIES_SHOW_MORE_LABEL_other": "+ altre <2>{{count}}</2>",
   "__BUGS_PAGE_FILTER_DRAWER_BODY_FILTER_SEVERITY_ALL_LABEL": "Tutte",
   "__BUGS_PAGE_FILTER_DRAWER_BODY_FILTER_SEVERITY_TITLE": "Gravità",
   "__BUGS_PAGE_FILTER_DRAWER_BODY_FILTER_TAG_SHOW_LESS_LABEL": "Mostra meno",
   "__BUGS_PAGE_FILTER_DRAWER_BODY_FILTER_TAG_SHOW_MORE_LABEL_one": "+ <2>1</2> altro",
+  "__BUGS_PAGE_FILTER_DRAWER_BODY_FILTER_TAG_SHOW_MORE_LABEL_many": "Show <2>{{count}}</2> more tags",
   "__BUGS_PAGE_FILTER_DRAWER_BODY_FILTER_TAG_SHOW_MORE_LABEL_other": "+ altri <2>{{count}}</2>",
   "__BUGS_PAGE_FILTER_DRAWER_BODY_FILTER_TAGS_ALL_LABEL": "Tutti",
   "__BUGS_PAGE_FILTER_DRAWER_BODY_FILTER_TAGS_TITLE": "Tag",
   "__BUGS_PAGE_FILTER_DRAWER_BODY_FILTER_TYPOLOGY_ALL_LABEL": "Tutte",
   "__BUGS_PAGE_FILTER_DRAWER_BODY_FILTER_TYPOLOGY_SHOW_LESS_LABEL": "Mostra meno",
   "__BUGS_PAGE_FILTER_DRAWER_BODY_FILTER_TYPOLOGY_SHOW_MORE_LABEL_one": "+ <2>1</2> altra",
+  "__BUGS_PAGE_FILTER_DRAWER_BODY_FILTER_TYPOLOGY_SHOW_MORE_LABEL_many": "Show <2>{{typologies}}</2> more typologies",
   "__BUGS_PAGE_FILTER_DRAWER_BODY_FILTER_TYPOLOGY_SHOW_MORE_LABEL_other": "+ altre <2>{{count}}</2>",
   "__BUGS_PAGE_FILTER_DRAWER_BODY_FILTER_TYPOLOGY_TITLE": "Tipologia",
   "__BUGS_PAGE_FILTER_DRAWER_BODY_FILTER_USECASE_ALL_LABEL": "Tutti",
   "__BUGS_PAGE_FILTER_DRAWER_BODY_FILTER_USECASE_SHOW_LESS_LABEL": "Mostra meno",
   "__BUGS_PAGE_FILTER_DRAWER_BODY_FILTER_USECASE_SHOW_MORE_LABEL_one": "+ <2>1</2> altro",
+  "__BUGS_PAGE_FILTER_DRAWER_BODY_FILTER_USECASE_SHOW_MORE_LABEL_many": "Show <2>{{useCases}}</2> more Use Cases",
   "__BUGS_PAGE_FILTER_DRAWER_BODY_FILTER_USECASE_SHOW_MORE_LABEL_other": "+ altri <2>{{count}}</2>",
   "__BUGS_PAGE_FILTER_DRAWER_BODY_FILTER_USECASE_TITLE": "Use Case",
   "__BUGS_PAGE_FILTER_DRAWER_CONFIRM_BUTTON": "Vedi risultati",
@@ -225,6 +243,7 @@
   "__CAMPAIGN_EXP_WIDGET_SENTIMENT_LIST_ITEM_VAL_5": "Molto positivo",
   "__CAMPAIGN_EXP_WIDGET_SENTIMENT_LIST_SENTIMENT_LABEL": "Sentimento",
   "__CAMPAIGN_EXP_WIDGET_SENTIMENT_LIST_USECASE_LABEL_one": "Use Case (tot. {{count}})",
+  "__CAMPAIGN_EXP_WIDGET_SENTIMENT_LIST_USECASE_LABEL_many": "",
   "__CAMPAIGN_EXP_WIDGET_SENTIMENT_LIST_USECASE_LABEL_other": "Use Case (tot. {{count}})",
   "__CAMPAIGN_PAGE_BUTTON_DETAIL_BUG": "Vai alla lista bug",
   "__CAMPAIGN_PAGE_DEVICE_AND_BUG_TYPES_SECTION_SUBTITLE": "Visualizza i bug divisi per dispositivi e sistemi operativi e le tipologie di tutti i bug segnalati",
@@ -244,6 +263,7 @@
   "__CAMPAIGN_PAGE_INSIGHTS_ALL_CLUSTERS": "Generale",
   "__CAMPAIGN_PAGE_INSIGHTS_LIGHTBOX_DETAILS_LINKED_INSIGHT_LABEL": "Scoperta collegata",
   "__CAMPAIGN_PAGE_INSIGHTS_LIGHTBOX_HEADER_HIGHLIGHTS_LABEL_one": "({{count}} Evidenze)",
+  "__CAMPAIGN_PAGE_INSIGHTS_LIGHTBOX_HEADER_HIGHLIGHTS_LABEL_many": "({{count}} Highlights)",
   "__CAMPAIGN_PAGE_INSIGHTS_LIGHTBOX_HEADER_HIGHLIGHTS_LABEL_other": "({{count}} Evidenze)",
   "__CAMPAIGN_PAGE_INSIGHTS_NAVIGATION_TITLE": "Executive summary",
   "__CAMPAIGN_PAGE_INSIGHTS_NUMBER_LABEL": "Scoperta",
@@ -257,6 +277,7 @@
   "__CAMPAIGN_PAGE_INSIGHTS_SECTION_TITLE": "Punti principali",
   "__CAMPAIGN_PAGE_INSIGHTS_SHOW_LESS_LABEL": "Mostra meno",
   "__CAMPAIGN_PAGE_INSIGHTS_SHOW_MORE_LABEL_one": "Vedi altre evidenze <2>({{video_count}})</2>",
+  "__CAMPAIGN_PAGE_INSIGHTS_SHOW_MORE_LABEL_many": "Show more highlights <2>({{video_count}})</2>",
   "__CAMPAIGN_PAGE_INSIGHTS_SHOW_MORE_LABEL_other": "Vedi altre evidenze <2>({{video_count}})</2>",
   "__CAMPAIGN_PAGE_INSIGHTS_VIDEO_PART_NUMBER_LABEL": "Evidenza {{index}} di {{video_count}}",
   "__CAMPAIGN_PAGE_METHODOLOGY_CARD_INVOLVED_USERS_LABEL": "UTENTI COINVOLTI",
@@ -268,6 +289,7 @@
   "__CAMPAIGN_PAGE_METHODOLOGY_SHOW_LESS": "Mostra meno",
   "__CAMPAIGN_PAGE_METHODOLOGY_SHOW_MORE": "Leggi di più",
   "__CAMPAIGN_PAGE_METHODOLOGY_USERS_NUMBER_one": "{{count}} Utente",
+  "__CAMPAIGN_PAGE_METHODOLOGY_USERS_NUMBER_many": "",
   "__CAMPAIGN_PAGE_METHODOLOGY_USERS_NUMBER_other": "{{count}} Utenti",
   "__CAMPAIGN_PAGE_METHODOLOGY_USERS_QUALIQUANTITATIVE": "Quali-quantitative",
   "__CAMPAIGN_PAGE_METHODOLOGY_USERS_QUALITATIVE": "Qualitativa",
@@ -701,6 +723,7 @@
   "__PAGE_BUG_SEARCH_EMPTY_STATE_SUB": "Prova con parole chiave diverse o più comuni",
   "__PAGE_BUGS_UNREAD_PILL": "Non letti",
   "__PAGE_CAMPAIGN_WIDGET_BUGS_BY_TYPE_AXIS_BOTTOM_LABEL_one": "Bug",
+  "__PAGE_CAMPAIGN_WIDGET_BUGS_BY_TYPE_AXIS_BOTTOM_LABEL_many": "",
   "__PAGE_CAMPAIGN_WIDGET_BUGS_BY_TYPE_AXIS_BOTTOM_LABEL_other": "Bug",
   "__PAGE_CAMPAIGN_WIDGET_BUGS_BY_TYPE_AXIS_LEFT_LABEL": "Tipologie",
   "__PAGE_HEADER_BUGS_DOTS_MENU_ITEM_INT_CENTER": "Integra con altri tool",
@@ -777,21 +800,30 @@
   "__WORKSPACE_SETTINGS_MEMBER_RESEND_INVITE_ACTION": "Rimanda invito",
   "__WORKSPACE_SETTINGS_MODAL_CTA_COPY_LINK": "Copia il link",
   "Devices ({{count}})_one": "Dispositivi ({{count}})",
+  "Devices ({{count}})_many": "",
   "Devices ({{count}})_other": "Dispositivi ({{count}})",
   "OS ({{count}})_one": "OS ({{count}})",
+  "OS ({{count}})_many": "",
   "OS ({{count}})_other": "OS ({{count}})",
   "Priority ({{count}})_one": "Priorità ({{count}})",
+  "Priority ({{count}})_many": "",
   "Priority ({{count}})_other": "Priorità ({{count}})",
   "Replicability ({{count}})_one": "Replicabilità ({{count}})",
+  "Replicability ({{count}})_many": "",
   "Replicability ({{count}})_other": "Replicabilità ({{count}})",
   "Severity ({{count}})_one": "Gravità ({{count}})",
+  "Severity ({{count}})_many": "",
   "Severity ({{count}})_other": "Gravità ({{count}})",
   "Status ({{count}})_one": "Stato ({{count}})",
+  "Status ({{count}})_many": "",
   "Status ({{count}})_other": "Stati ({{count}})",
   "Tags ({{count}})_one": "Tag ({{count}})",
+  "Tags ({{count}})_many": "",
   "Tags ({{count}})_other": "Tag ({{count}})",
   "Typology ({{count}})_one": "Tipologia ({{count}})",
+  "Typology ({{count}})_many": "",
   "Typology ({{count}})_other": "Tipologie ({{count}})",
   "Use Cases ({{count}})_one": "Use Case ({{count}})",
+  "Use Cases ({{count}})_many": "",
   "Use Cases ({{count}})_other": "Use Case ({{count}})"
 }

src/pages/Bug/Drawer/index.tsx

@@ -0,0 +1,59 @@
+import { Button, Drawer } from '@appquality/unguess-design-system';
+import { useTranslation } from 'react-i18next';
+import { useAppDispatch, useAppSelector } from 'src/app/hooks';
+import {
+  resetCustomStatus,
+  setCustomStatusDrawerOpen,
+  updateCustomStatus,
+} from 'src/features/bugsPage/bugsPageSlice';
+
+export const CustomStatusDrawer = () => {
+  const { t } = useTranslation();
+  const dispatch = useAppDispatch();
+  const { isCustomStatusDrawerOpen, customStatus } = useAppSelector(
+    (state) => ({
+      isCustomStatusDrawerOpen: state.bugsPage.isCustomStatusDrawerOpen,
+      customStatus: state.bugsPage.customStatus,
+    })
+  );
+
+  const onClose = () => {
+    dispatch(setCustomStatusDrawerOpen(false));
+  };
+
+  const onCtaClick = () => {
+    dispatch(updateCustomStatus(customStatus));
+    dispatch(setCustomStatusDrawerOpen(false));
+  };
+
+  const onResetClick = () => {
+    dispatch(resetCustomStatus());
+  };
+
+  return (
+    <Drawer isOpen={isCustomStatusDrawerOpen} onClose={onClose}>
+      <Drawer.Header>
+        {t('__BUGS_PAGE_CUSTOM_STATUS_DRAWER_HEADER_TITLE')}
+      </Drawer.Header>
+      <Drawer.Body>custom status</Drawer.Body>
+      <Drawer.Footer>
+        <Drawer.FooterItem>
+          <Button id="custom-status-drawer-reset" onClick={onResetClick}>
+            {t('__BUGS_PAGE_CUSTOM_STATUS_DRAWER_RESET_BUTTON')}
+          </Button>
+        </Drawer.FooterItem>
+        <Drawer.FooterItem>
+          <Button
+            id="custom-status-drawer-confirm"
+            isPrimary
+            isAccent
+            onClick={onCtaClick}
+          >
+            {t('__BUGS_PAGE_CUSTOM_STATUS_DRAWER_CONFIRM_BUTTON')}
+          </Button>
+        </Drawer.FooterItem>
+      </Drawer.Footer>
+      <Drawer.Close id="custom-status-drawer-close" onClick={onClose} />
+    </Drawer>
+  );
+};