progress history report

src/components/Global/CardList.jsx

@@ -57,22 +57,28 @@ const CardList = ({
                         }
                         style={getCardStyle(fieldColor ? item[fieldColor] : cardColor)}
                         actions={[
-                            <EyeOutlined
+                            showPreviewModal && (
+                              <EyeOutlined
                                 style={{ color: '#1890ff' }}
                                 key="preview"
                                 onClick={() => showPreviewModal(item)}
-                            />,
-                            <EditOutlined
+                              />
+                            ),
+                            showEditModal && (
+                              <EditOutlined
                                 style={{ color: '#faad14' }}
                                 key="edit"
                                 onClick={() => showEditModal(item)}
-                            />,
-                            <DeleteOutlined
+                              />
+                            ),
+                            showDeleteDialog && (
+                              <DeleteOutlined
                                 style={{ color: '#ff1818' }}
                                 key="delete"
                                 onClick={() => showDeleteDialog(item)}
-                            />,
-                        ]}
+                              />
+                            ),
+                          ].filter(Boolean)} // <== Hapus elemen yang undefined                          
                     >
                         <div style={{ textAlign: 'left' }}>
                             {column.map((itemCard, index) => (