From efaa22a8f101df45f4ed5f5b102c74cd055255f9 Mon Sep 17 00:00:00 2001
From: Joshua Schmucker <joshua.schmucker@gmail.com>
Date: Fri, 6 Feb 2026 12:18:34 +0100
Subject: [PATCH] Fix resources calendar view

---
 src/pages/ResourcesList.tsx | 18 +++++++++++-------
 1 file changed, 11 insertions(+), 7 deletions(-)

diff --git a/src/pages/ResourcesList.tsx b/src/pages/ResourcesList.tsx
index 1e7a520..4298a8d 100644
--- a/src/pages/ResourcesList.tsx
+++ b/src/pages/ResourcesList.tsx
@@ -7,6 +7,8 @@ const ResourcesList: React.FC = () => {
   const [resources, setResources] = useState<Resource[]>([]);
   const [loading, setLoading] = useState(true);
   const [error, setError] = useState<string | null>(null);
+  
+  
 
   useEffect(() => {
     const api = new SimpleLibreBookingClient();
@@ -15,8 +17,7 @@ const ResourcesList: React.FC = () => {
       try {
         setLoading(true);
         const resourcesData = await api.getResources();
-        console.log('Resources loaded:', resourcesData);
-        console.log('Resources count:', resourcesData.length);
+        
         setResources(resourcesData);
       } catch (err) {
         console.error('Error loading resources:', err);
@@ -73,9 +74,11 @@ const ResourcesList: React.FC = () => {
         </div>
       ) : (
         <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fill, minmax(300px, 1fr))', gap: '1.5rem' }}>
-          {resources.map((resource) => (
+          {resources.map((resource) => {
+            const resourceId = resource.resourceId || resource.id;
+            return (
             <div 
-              key={resource.id} 
+              key={resource.resourceId || resource.id} 
               style={{
                 border: '1px solid #ddd',
                 borderRadius: '8px',
@@ -141,7 +144,7 @@ const ResourcesList: React.FC = () => {
               
               <div style={{ display: 'flex', gap: '0.75rem', marginTop: '1rem' }}>
                 <Link 
-                  to={`/resources/${resource.id}/calendar`}
+                  to={`/resources/${resourceId}/calendar`}
                   style={{
                     flex: 1,
                     display: 'inline-block',
@@ -173,8 +176,9 @@ const ResourcesList: React.FC = () => {
                   Book Now
                 </Link>
               </div>
-            </div>
-          ))}
+</div>
+            );
+          })}
         </div>
       )}
     </div>