From b31e5578dff44e2329796f2c5a20738a4b4c898a Mon Sep 17 00:00:00 2001
From: Greg <trystuffwospam@livingonlinenow.com>
Date: Sun, 18 May 2025 21:45:00 +0200
Subject: [PATCH] feat: implement favorite items list with add item
 functionality

---
 myfavstuff/app/add-item/actions.js | 2 +-
 myfavstuff/app/add-item/page.js    | 6 +++---
 myfavstuff/app/page.js             | 4 ++--
 3 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/myfavstuff/app/add-item/actions.js b/myfavstuff/app/add-item/actions.js
index b582e7c..1687f3f 100644
--- a/myfavstuff/app/add-item/actions.js
+++ b/myfavstuff/app/add-item/actions.js
@@ -15,7 +15,7 @@ export async function createItem(formData) {
     type: formData.get('type'),
     rating: formData.get('rating') ? parseInt(formData.get('rating'), 10) : null,
     notes: formData.get('notes'),
-    image_url: formData.get('image_url'),
+    picture_url: formData.get('picture_url'),
     // created_at will be set by default in Supabase or can be added here if needed
   };
 
diff --git a/myfavstuff/app/add-item/page.js b/myfavstuff/app/add-item/page.js
index fd388f9..ac34e2e 100644
--- a/myfavstuff/app/add-item/page.js
+++ b/myfavstuff/app/add-item/page.js
@@ -98,11 +98,11 @@ export default function AddItemPage() {
         </div>
 
         <div>
-          <label htmlFor="image_url" className="block text-sm font-medium text-neutral-300 mb-1">Image URL</label>
+          <label htmlFor="picture_url" className="block text-sm font-medium text-neutral-300 mb-1">Picture URL</label>
           <input
             type="url"
-            name="image_url"
-            id="image_url"
+            name="picture_url"
+            id="picture_url"
             className="block w-full bg-neutral-700 border-neutral-600 rounded-md shadow-sm py-2 px-3 text-neutral-100 focus:ring-sky-500 focus:border-sky-500 sm:text-sm"
             placeholder="https://example.com/image.jpg"
           />
diff --git a/myfavstuff/app/page.js b/myfavstuff/app/page.js
index ec29a52..eb1113f 100644
--- a/myfavstuff/app/page.js
+++ b/myfavstuff/app/page.js
@@ -66,10 +66,10 @@ export default async function Home() {
         <div className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-6">
           {items.map((item) => (
             <div key={item.id} className="bg-neutral-800 rounded-lg shadow-lg p-4 flex flex-col">
-              {item.image_url ? (
+              {item.picture_url ? (
                 <div className="aspect-[3/4] w-full bg-neutral-700 rounded mb-3 overflow-hidden">
                   <img 
-                    src={item.image_url} 
+                    src={item.picture_url} 
                     alt={item.title || 'Item image'} 
                     className="w-full h-full object-cover group-hover:scale-105 transition-transform duration-300 ease-in-out"
                   />