changed field from availability to isAvailable

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>