more robust fix

TEN-framework · Oct 26, 2024 · fbf254d · fbf254d
1 parent 41d1a26
commit fbf254d
Showing 1 changed file with 10 additions and 10 deletions.
diff --git a/playground/src/platform/pc/chat/table/index.tsx b/playground/src/platform/pc/chat/table/index.tsx
@@ -55,25 +55,25 @@ const EditableTable: React.FC<EditableTableProps> = ({ initialData, onUpdate, me
             const row = await form.validateFields();
             const newData = [...dataSource];
             const index = newData.findIndex((item) => key === item.key);
-    
+
             if (index > -1) {
                 const item = newData[index];
                 const valueType = metadata[key]?.type || 'string';
                 const updatedValue = row.value === '' ? null : convertToType(row.value, valueType); // Set to null if empty
-    
+
                 newData.splice(index, 1, { ...item, value: updatedValue });
                 setDataSource(newData);
                 setEditingKey('');
-    
+
                 // Notify the parent component of the update
                 const updatedData = Object.fromEntries(newData.map(({ key, value }) => [key, value]));
                 onUpdate(updatedData);
             }
         } catch (errInfo) {
             console.log('Validation Failed:', errInfo);
         }
-    };    
-    
+    };
+
 
     // Toggle the checkbox for boolean values directly in the table cell
     const handleCheckboxChange = (key: string, checked: boolean) => {
@@ -111,7 +111,7 @@ const EditableTable: React.FC<EditableTableProps> = ({ initialData, onUpdate, me
             key: 'value',
             render: (_, record: DataType) => {
                 const valueType = metadata[record.key]?.type || 'string';
-        
+
                 // Always display the checkbox for boolean values
                 if (valueType === 'bool') {
                     return (
@@ -121,7 +121,7 @@ const EditableTable: React.FC<EditableTableProps> = ({ initialData, onUpdate, me
                         />
                     );
                 }
-        
+
                 // Inline editing for other types (string, number)
                 const editable = isEditing(record);
                 return editable ? (
@@ -137,13 +137,13 @@ const EditableTable: React.FC<EditableTableProps> = ({ initialData, onUpdate, me
                     </Form.Item>
                 ) : (
                     <div onClick={() => edit(record)} style={{ cursor: 'pointer' }}>
-                        {record.value !== null && record.value !== undefined && record.value !== ''
-                            ? record.value
+                        {record.value != null && String(record.value).trim() !== ''
+                            ? String(record.value)
                             : <span style={{ color: 'gray' }}>Click to edit</span>}
                     </div>
                 );
             },
-        },        
+        },
     ];
 
     return (