From bdd14822e330bec04671af3d3014d4211f6ec254 Mon Sep 17 00:00:00 2001
From: Brandon Egger <brandonegger64@gmail.com>
Date: Tue, 22 Aug 2023 15:53:37 -0500
Subject: [PATCH] switch to img element for blobl image icons so they work on
 server side rendered pages

---
 src/components/ResourceTable.tsx | 13 +++++++++++++
 1 file changed, 13 insertions(+)

diff --git a/src/components/ResourceTable.tsx b/src/components/ResourceTable.tsx
index a4c40b3..7a47cd3 100644
--- a/src/components/ResourceTable.tsx
+++ b/src/components/ResourceTable.tsx
@@ -32,6 +32,19 @@ export const ResourcePhoto = ({ resource }: { resource: AuditoryResource }) => {
     height: 512,
   };
 
+  if (blobSrc) {
+    return (
+      // Required because blob image processed by client, not server
+      // eslint-disable-next-line @next/next/no-img-element
+      <img
+        className="w-full rounded-xl border border-neutral-400 bg-white drop-shadow-lg"
+        src={blobSrc ?? `/resource_logos/${resource.icon}`}
+        alt={`${resource.name} logo`}
+        {...commonProps}
+      />
+    );
+  }
+
   return (
     <Image
       className="w-full rounded-xl border border-neutral-400 bg-white drop-shadow-lg"
-- 
2.47.2