Merge pull request #92 from bleu/image

If image doesn't exist, show value

src/components/DataTable/SWRDataTable/index.tsx

@@ -115,14 +115,19 @@ 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")}
-        />
-      );
+      // eslint-disable-next-line no-case-declarations
+      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}
+          />
+        );
+      }
+      return <div className="max-w-[400px] truncate">{value}</div>;
+
     case "link":
       // eslint-disable-next-line no-case-declarations
       const url = row.getValue("details_url");