Merge pull request #25 from cezro/add/admin-merch-Image-CRUD

add/admin merch-image preview
cezro · Jan 3, 2024 · 0f9c94b · 0f9c94b
2 parents 9edae03 + 128f909
commit 0f9c94b
Show file tree

Hide file tree

Showing 6 changed files with 558 additions and 28 deletions.
diff --git a/.gitignore b/.gitignore
@@ -20,6 +20,9 @@
 .DS_Store
 *.pem
 
+# Image folder upload
+uploads
+
 # debug
 npm-debug.log*
 yarn-debug.log*

diff --git a/client/components/ListMerch.tsx b/client/components/ListMerch.tsx
@@ -48,7 +48,7 @@ const ListMerch = () => {
         <tr>
           <th className="px-4 py-2">Merch Name</th>
           <th className="px-4 py-2">Description</th>
-          {/* <th className="px-4 py-2">Image</th> */}
+          <th className="px-4 py-2">Image</th>
           <th className="px-4 py-2">Price</th>
           <th className="px-4 py-2">Edit</th>
           <th className="px-4 py-2">Delete</th>
@@ -59,7 +59,9 @@ const ListMerch = () => {
           <tr key={merch.id}>
             <td className="border px-4 py-2">{merch.name}</td>
             <td className="border px-4 py-2">{merch.description}</td>
-            {/* <td className="border px-4 py-2">{merch.image}</td> */}
+            <td className="border px-4 py-2">
+              <img src={`http://localhost:3001/${merch.image}`} alt={merch.name} />
+            </td>
             <td className="border px-4 py-2">P {merch.price}</td>
             <td>
               <EditMerch merch={merch} />