chore: if image doesn't exist, show value

bleu · Aug 19, 2024 · c04d9fc · c04d9fc
1 parent 434ef9b
commit c04d9fc
Showing 1 changed file with 12 additions and 8 deletions.
diff --git a/src/components/DataTable/SWRDataTable/index.tsx b/src/components/DataTable/SWRDataTable/index.tsx
@@ -115,14 +115,18 @@ export const renderDataTableCell = ({ filters, column, row, selectedRows }) => {
     case "actions":
       return <DataTableRowActions row={row} column={column} />;
     case "image":
-      if (!row.getValue("image")?.url) return null;
-      return (
-        <img
-          className="aspect-ratio-1 size-16 rounded-sm object-contain"
-          src={row.getValue("image").url}
-          alt={row.getValue("name")}
-        />
-      );
+      const image = row.getValue("image") || value;
+      if (image?.url){
+        return (
+          <img
+            className="aspect-ratio-1 size-16 rounded-sm object-contain"
+            src={image.url}
+            alt={image.alt_text}
+          />
+        );
+      } else {
+        return <div className="max-w-[400px] truncate">{value}</div>;
+      }
     case "link":
       // eslint-disable-next-line no-case-declarations
       const url = row.getValue("details_url");