fix(bugs-table): fix types

src/pages/Bugs/BugsTable/AllBugs.tsx

@@ -2,11 +2,11 @@ import { useTranslation } from 'react-i18next';
 import { useAppDispatch } from 'src/app/hooks';
 import { theme } from 'src/app/theme';
 import Table, { ColumnDefinitionType } from 'src/common/components/Table';
-import { Bug } from 'src/features/api';
 import {
   getSelectedBugId,
   selectBug,
 } from 'src/features/bugsPage/bugsPageSlice';
+import { TableBugType } from '../types';
 import { EmptyState } from './components/EmptyState';
 import { InfoRow } from './components/InfoRow';
 import { mapBugsToTableData } from './mapBugsToTableData';
@@ -17,7 +17,7 @@ export const AllBugs = ({
   columns,
   isLoading,
 }: {
-  bugs: Bug[];
+  bugs: TableBugType[];
   columns: ColumnDefinitionType<TableDatum, keyof TableDatum>[];
   isLoading?: boolean;
 }) => {

src/pages/Bugs/BugsTable/components/InfoRow.tsx

@@ -1,9 +1,9 @@
 import { MD, SM } from '@appquality/unguess-design-system';
 import { ReactNode } from 'react';
 import { Trans } from 'react-i18next';
-import { Bug } from 'src/features/api';
 import { getSelectedFiltersIds } from 'src/features/bugsPage/bugsPageSlice';
 import styled from 'styled-components';
+import { TableBugType } from '../../types';
 
 const StyledMD = styled(MD)`
   color: ${({ theme }) => theme.palette.grey[800]};
@@ -31,7 +31,7 @@ export const InfoRow = ({
   bugs,
   title,
 }: {
-  bugs: Bug[];
+  bugs: TableBugType[];
   title?: ReactNode;
 }) => {
   // Count bugs with read = false

src/pages/Bugs/BugsTable/mapBugsToTableData.tsx

@@ -3,14 +3,11 @@ import { theme } from 'src/app/theme';
 import { Pill } from 'src/common/components/pills/Pill';
 import { SeverityPill } from 'src/common/components/pills/SeverityPill';
 import { Pipe } from 'src/common/components/Pipe';
-import { GetCampaignsByCidBugsApiResponse } from 'src/features/api';
 import { getSelectedBugId } from 'src/features/bugsPage/bugsPageSlice';
+import { TableBugType } from '../types';
 import { BugTitle } from './components/BugTitle';
 
-export const mapBugsToTableData = (
-  bugs: GetCampaignsByCidBugsApiResponse['items'],
-  t: TFunction
-) => {
+export const mapBugsToTableData = (bugs: TableBugType[], t: TFunction) => {
   const currentBugId = getSelectedBugId();
   if (!bugs) return [];
   return bugs.map((bug) => {

src/pages/Bugs/BugsTable/types.ts

@@ -1,9 +1,6 @@
 import { ReactNode } from 'react';
-import {
-  Bug,
-  BugSeverity,
-  GetCampaignsByCidBugsApiResponse,
-} from 'src/features/api';
+import { Bug, BugSeverity } from 'src/features/api';
+import { TableBugType } from '../types';
 
 export interface TableDatum {
   id: string;
@@ -17,10 +14,10 @@ export interface TableDatum {
 
 export type BugByUsecaseType = {
   useCase: Bug['application_section'];
-  bugs: Exclude<GetCampaignsByCidBugsApiResponse['items'], undefined>;
+  bugs: TableBugType[];
 };
 
 export type BugBySeverityType = {
   severity: BugSeverity;
-  bugs: Exclude<GetCampaignsByCidBugsApiResponse['items'], undefined>;
+  bugs: TableBugType[];
 };

src/pages/Bugs/BugsTable/useTableData.tsx

@@ -1,7 +1,8 @@
 import { ColumnDefinitionType } from 'src/common/components/Table';
 import { useTranslation } from 'react-i18next';
 import { getSelectedFiltersIds } from 'src/features/bugsPage/bugsPageSlice';
-import { Bug, useGetCampaignsByCidBugsQuery } from 'src/features/api';
+import { useGetCampaignsByCidBugsQuery } from 'src/features/api';
+import { TableBugType } from 'src/pages/Bugs/types';
 import { BugBySeverityType, BugByUsecaseType, TableDatum } from './types';
 
 export const useTableData = (campaignId: number) => {
@@ -72,8 +73,7 @@ export const useTableData = (campaignId: number) => {
       isLoading: true,
     };
   }
-
-  const sortByUsecase = (bug: Bug) => {
+  const sortByUsecase = (bug: TableBugType) => {
     if (typeof bug.application_section.title === 'undefined') return;
     const useCase = bugsByUsecase.find(
       (item) => item.useCase.title === bug.application_section.title
@@ -89,7 +89,7 @@ export const useTableData = (campaignId: number) => {
     }
   };
 
-  const sortBySeverity = (bug: Bug) => {
+  const sortBySeverity = (bug: TableBugType) => {
     const severity = bugsBySeverity.find(
       (item) =>
         item.severity.id === bug.severity.id ||

src/pages/Bugs/types.d.ts

@@ -0,0 +1,5 @@
+import { GetCampaignsByCidBugsApiResponse } from 'src/features/api';
+
+type ApiBug = GetCampaignsByCidBugsApiResponse['items'];
+
+export type TableBugType = ItemOfArray<ApiBug>;

src/types.d.ts

@@ -30,4 +30,5 @@ declare global {
     [P in K]?: T;
   };
   type Severities = 'critical' | 'high' | 'medium' | 'low';
+  type ItemOfArray<T> = NonNullable<T>[number];
 }