feat(FE): update request trace ID type from number to string across multiple components

sdcb · sdcb · commit b6ce045d7706 · 2026-03-03T18:56:57.000+08:00
diff --git a/src/FE/apis/adminApis.ts b/src/FE/apis/adminApis.ts
@@ -798,7 +798,7 @@ export const clearRequestTraceList = (
   });
 };
 
-export const getRequestTraceDetails = (id: number): Promise<RequestTraceDetails> => {
+export const getRequestTraceDetails = (id: string): Promise<RequestTraceDetails> => {
   const fetchServer = createFetchClient();
   return fetchServer.get(`/api/admin/request-trace/${id}`);
 };
diff --git a/src/FE/components/admin/request-trace/RequestTraceDetailsDialog.tsx b/src/FE/components/admin/request-trace/RequestTraceDetailsDialog.tsx
@@ -53,7 +53,7 @@ const InlineCopyButton = ({ value, className }: { value: string; className?: str
 };
 
 type RequestTraceDetailsDialogProps = {
-  traceId: number | null;
+  traceId: string | null;
   open: boolean;
   onOpenChange: (open: boolean) => void;
 };
diff --git a/src/FE/pages/admin/request-trace/index.tsx b/src/FE/pages/admin/request-trace/index.tsx
@@ -163,7 +163,7 @@ const RequestTraceCompareDialog = ({
   open,
   onOpenChange,
 }: {
-  ids: number[];
+  ids: string[];
   open: boolean;
   onOpenChange: (open: boolean) => void;
 }) => {
@@ -280,8 +280,8 @@ export default function RequestTracePage() {
   const [page, setPage] = useState(1);
   const [loading, setLoading] = useState(false);
   const [data, setData] = useState<PageResult<RequestTraceListItem[]>>({ rows: [], count: 0 });
-  const [selectedIds, setSelectedIds] = useState<number[]>([]);
-  const [detailsId, setDetailsId] = useState<number | null>(null);
+  const [selectedIds, setSelectedIds] = useState<string[]>([]);
+  const [detailsId, setDetailsId] = useState<string | null>(null);
   const [compareOpen, setCompareOpen] = useState(false);
   const lastFetchKeyRef = useRef('');
 
@@ -418,7 +418,7 @@ export default function RequestTracePage() {
     pushQuery(1, next, columns);
   };
 
-  const toggleSelect = (id: number, checked: boolean) => {
+  const toggleSelect = (id: string, checked: boolean) => {
     setSelectedIds((prev) => {
       if (checked) {
         if (prev.includes(id)) return prev;
diff --git a/src/FE/types/adminApis.ts b/src/FE/types/adminApis.ts
@@ -345,7 +345,7 @@ export interface RequestTraceExportParams {
 }
 
 export interface RequestTraceListItem {
-  id: number;
+  id: string;
   startedAt: string;
   requestBodyAt: string | null;
   responseHeaderAt: string | null;

Original file line number	Diff line number	Diff line change
`@@ -345,7 +345,7 @@ export interface RequestTraceExportParams {`
`345`	`345`	`}`
`346`	`346`
`347`	`347`	`export interface RequestTraceListItem {`
`348`		`- id: number;`
	`348`	`+ id: string;`
`349`	`349`	`startedAt: string;`
`350`	`350`	`requestBodyAt: string \| null;`
`351`	`351`	`responseHeaderAt: string \| null;`