From 4df034fbb0e1799be8687c20bc5ac7b3c31da66a Mon Sep 17 00:00:00 2001
From: "cyril.tsui" <cyril.tsui@2fi-solutions.com.hk>
Date: Tue, 23 Apr 2024 14:17:18 +0800
Subject: [PATCH] reset date range & update search results

---
 src/components/SearchBox/SearchBox.tsx         | 2 ++
 src/components/SearchResults/SearchResults.tsx | 5 +++--
 2 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/components/SearchBox/SearchBox.tsx b/src/components/SearchBox/SearchBox.tsx
index fe058f7..13b03ee 100644
--- a/src/components/SearchBox/SearchBox.tsx
+++ b/src/components/SearchBox/SearchBox.tsx
@@ -154,6 +154,7 @@ function SearchBox<T extends string>({
                         <DatePicker
                           label={c.label}
                           onChange={makeDateChangeHandler(c.paramName)}
+                          value={inputs[c.paramName] ? dayjs(inputs[c.paramName]) : null}
                         />
                       </FormControl>
                       <Box
@@ -168,6 +169,7 @@ function SearchBox<T extends string>({
                         <DatePicker
                           label={c.label2}
                           onChange={makeDateToChangeHandler(c.paramName)}
+                          value={inputs[c.paramName.concat("To") as T] ? dayjs(inputs[c.paramName.concat("To") as T]) : null}
                         />
                       </FormControl>
                     </Box>
diff --git a/src/components/SearchResults/SearchResults.tsx b/src/components/SearchResults/SearchResults.tsx
index 4c82280..bfecd36 100644
--- a/src/components/SearchResults/SearchResults.tsx
+++ b/src/components/SearchResults/SearchResults.tsx
@@ -11,7 +11,7 @@ import TablePagination, {
   TablePaginationProps,
 } from "@mui/material/TablePagination";
 import TableRow from "@mui/material/TableRow";
-import IconButton from "@mui/material/IconButton";
+import IconButton, { IconButtonOwnProps, IconButtonPropsColorOverrides } from "@mui/material/IconButton";
 
 export interface ResultWithId {
   id: string | number;
@@ -20,6 +20,7 @@ export interface ResultWithId {
 interface BaseColumn<T extends ResultWithId> {
   name: keyof T;
   label: string;
+  color?: IconButtonOwnProps["color"];
 }
 
 interface ColumnWithAction<T extends ResultWithId> extends BaseColumn<T> {
@@ -91,7 +92,7 @@ function SearchResults<T extends ResultWithId>({
                         <TableCell key={`${columnName.toString()}-${idx}`}>
                           {isActionColumn(column) ? (
                             <IconButton
-                              color="primary"
+                              color={column.color ?? "primary"}
                               onClick={() => column.onClick(item)}
                             >
                               {column.buttonIcon}