[editable search result] update custom render params

src/components/RoughScheduleSetting/RoughScheduleSetting.tsx

@@ -108,6 +108,20 @@ const RSSOverview: React.FC<Props> = ({ items }) => {
                 label: t("Exclude Date"),
                 type: 'multi-select',
                 options: dayOptions,
+                renderCell: (item: ItemsResult) => {
+                    console.log("[debug] render item", item)
+                    const selectedValues = item.excludeDate as number[] ?? []; // Assuming excludeDate is an array of numbers
+                    const selectedLabels = dayOptions
+                        .filter(option => selectedValues.includes(option.value))
+                        .map(option => option.label)
+                        .join(", "); // Join labels into a string
+
+                    return (
+                        <span onDoubleClick={() => handleEditClick(item.id as number)}>
+                            {selectedLabels || "None"} {/* Display "None" if no days are selected */}
+                        </span>
+                    );
+                },
             },
             // {
             //     name: "action",

src/components/SearchResults/EditableSearchResults.tsx

@@ -26,6 +26,7 @@ interface BaseColumn<T extends ResultWithId> {
     label: string;
     type: string;
     options: T[];
+    renderCell? : (T) => void;
 }
 
 interface ColumnWithAction<T extends ResultWithId> extends BaseColumn<T> {
@@ -148,6 +149,7 @@ function EditableSearchResults<T extends ResultWithId>({
                                                         case 'input':
                                                             return (
                                                                 <TextField
+                                                                    hiddenLabel={true}
                                                                     fullWidth
                                                                     defaultValue={item[columnName] as string}
                                                                     onChange={(e) => handleInputChange(item.id as number, columnName, e.target.value)}
@@ -167,9 +169,12 @@ function EditableSearchResults<T extends ResultWithId>({
                                                     }
                                                 })()
                                             ) : (
-                                                <span onDoubleClick={() => handleEditClick(item.id as number)}>
-                                                    {item[columnName] as string}
-                                                </span>
+                                                column.renderCell ?
+                                                    column.renderCell(item)
+                                                    :
+                                                    <span onDoubleClick={() => handleEditClick(item.id as number)}>
+                                                        {item[columnName] as string}
+                                                    </span>
                                             )}
                                         </TableCell>
                                     );