changed field from availability to isAvailable

frontend/src/pages/ItemDetail.tsx

@@ -633,7 +633,7 @@ const ItemDetail: React.FC = () => {
                   })()}
 
                   {/* Rental Period Selection - Only show for non-owners */}
-                  {!isOwner && item.availability && !isAlreadyRenting && (
+                  {!isOwner && item.isAvailable && !isAlreadyRenting && (
                     <>
                       <hr />
                       <div className="text-start">
@@ -758,7 +758,7 @@ const ItemDetail: React.FC = () => {
                   )}
 
                   {/* Action Buttons */}
-                  {!isOwner && item.availability && !isAlreadyRenting && (
+                  {!isOwner && item.isAvailable && !isAlreadyRenting && (
                     <div className="d-grid">
                       <button
                         className="btn btn-primary"

frontend/src/pages/ItemList.tsx

@@ -48,7 +48,7 @@ const ItemList: React.FC = () => {
       // Access the items array from response.data.items
       const allItems = response.data.items || response.data || [];
       // Filter only available items
-      const availableItems = allItems.filter((item: Item) => item.availability);
+      const availableItems = allItems.filter((item: Item) => item.isAvailable);
       setItems(availableItems);
     } catch (err: any) {
       console.error("Error fetching items:", err);

frontend/src/pages/Owning.tsx

@@ -110,11 +110,11 @@ const Owning: React.FC = () => {
     try {
       await api.put(`/items/${item.id}`, {
         ...item,
-        availability: !item.availability,
+        isAvailable: !item.isAvailable,
       });
       setListings(
         listings.map((i) =>
-          i.id === item.id ? { ...i, availability: !i.availability } : i
+          i.id === item.id ? { ...i, isAvailable: !i.isAvailable } : i
         )
       );
     } catch (err: any) {
@@ -536,10 +536,10 @@ const Owning: React.FC = () => {
                   <div className="mb-2 d-flex gap-2 flex-wrap">
                     <span
                       className={`badge ${
-                        item.availability ? "bg-success" : "bg-secondary"
+                        item.isAvailable ? "bg-success" : "bg-secondary"
                       }`}
                     >
-                      {item.availability ? "Available" : "Not Available"}
+                      {item.isAvailable ? "Available" : "Not Available"}
                     </span>
                     {item.isDeleted && (
                       <span className="badge bg-danger">
@@ -620,7 +620,7 @@ const Owning: React.FC = () => {
                       onClick={() => toggleAvailability(item)}
                       className="btn btn-sm btn-outline-info"
                     >
-                      {item.availability
+                      {item.isAvailable
                         ? "Mark Unavailable"
                         : "Mark Available"}
                     </button>

frontend/src/pages/RentItem.tsx

@@ -111,7 +111,7 @@ const RentItem: React.FC = () => {
       setItem(response.data);
 
       // Check if item is available
-      if (!response.data.availability) {
+      if (!response.data.isAvailable) {
         setError("This item is not available for rent");
       }
 

frontend/src/types/index.ts

@@ -89,7 +89,7 @@ export interface Item {
   longitude?: number;
   images: string[];
   condition: "excellent" | "good" | "fair" | "poor";
-  availability: boolean;
+  isAvailable: boolean;
   rules?: string;
   availableAfter?: string;
   availableBefore?: string;