Co-pilot suggestions

Author: steverydz

static/js/publisher/pages/SerialLog/SerialLog.tsx

@@ -15,11 +15,7 @@ import Filter from "../../components/Filter";
 import SerialLogTable from "./SerialLogTable";
 
 import type { UseQueryResult } from "react-query";
-import type {
-  SerialLog,
-  SerialLogResponse,
-  ApiResponse,
-} from "../../types/shared";
+import type { SerialLogResponse, ApiResponse } from "../../types/shared";
 
 function SerialLog(): React.JSX.Element {
   const { id, modelId } = useParams();

static/js/publisher/pages/SerialLog/SerialLogTable.tsx

@@ -18,8 +18,12 @@ function SerialLogTable(): React.JSX.Element {
     { content: "Brand" },
     {
       content: "Model",
+      sortKey: "model-name",
+    },
+    {
+      content: "Serial",
+      sortKey: "serial",
     },
-    { content: "Serial" },
     {
       content: "Created date",
       className: "u-align--right",

static/js/publisher/state/serialLogsState.ts

@@ -7,14 +7,14 @@ const serialLogsListState = atom([] as SerialLog[]);
 const serialLogsListFilterState = atom("" as string);
 
 function getFilteredSerialLogs(
-  SerialLogs: Array<SerialLog>,
+  serialLogs: Array<SerialLog>,
   filterQuery?: string | null,
 ) {
   if (!filterQuery) {
-    return SerialLogs;
+    return serialLogs;
   }
 
-  return SerialLogs.filter((serialLog: SerialLog) => {
+  return serialLogs.filter((serialLog: SerialLog) => {
     if (serialLog.serial && serialLog.serial.includes(filterQuery)) {
       return true;
     }