feat: add types to issue filters

- use tuple (issue_id, issue_version) shape to pass issue filters
- create function to format issue name with version

Part of #739

backend/kernelCI_app/typeModels/commonDetails.py

@@ -1,6 +1,6 @@
 from collections import defaultdict
 from datetime import datetime
-from typing import Dict, List, Optional, Set, Union
+from typing import Dict, List, Optional, Set, Union, Tuple
 
 from kernelCI_app.typeModels.issues import Issue
 from pydantic import BaseModel
@@ -98,7 +98,7 @@ class GlobalFilters(BaseModel):
 
 
 class LocalFilters(BaseModel):
-    issues: List[str]
+    issues: List[Tuple[str, Optional[int]]]
 
 
 class DetailsFilters(BaseModel):

dashboard/src/types/commonDetails.ts

@@ -40,8 +40,10 @@ export type GlobalFilters = {
   compilers: string[];
 };
 
+export type IssueFilterItem = [string, string?];
+
 export type LocalFilters = {
-  issues: string[];
+  issues: IssueFilterItem[];
 };
 
 export type DetailsFilters = {

dashboard/src/utils/utils.ts

@@ -11,6 +11,7 @@ import type {
   BuildsTableBuild,
   BuildStatus,
   StatusCount,
+  TIssue,
 } from '@/types/general';
 import { sanitizeTableValue } from '@/components/Table/tableUtils';
 import type { ISummaryItem } from '@/components/Tabs/Summary';
@@ -206,3 +207,14 @@ export const isEmptyObject = (obj: Record<string, unknown>): boolean => {
   }
   return true;
 };
+
+type TIssueFilter = Pick<TIssue, 'id' | 'version'>;
+
+export const getIssueFilterLabel = (issueFilter: TIssueFilter): string => {
+  const issueId = issueFilter.id;
+  const issueVersion = issueFilter.version;
+
+  if (!issueVersion) return issueId;
+
+  return `${issueId} v.${issueVersion}`;
+};