home page only shows items that are available

msc49 · Feb 16, 2022 · d246e06 · d246e06
1 parent f19851d
commit d246e06
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 2 deletions.
diff --git a/client/src/components/Items/Item.jsx b/client/src/components/Items/Item.jsx
@@ -145,7 +145,8 @@ const Item = ({ item, deleteItem, borrowItem, getItems, setRefreshItems }) => {
         <p></p>
         <div className="meta">
           Location: {lender.location}
-          {borrower ? <p><span className="ui blue text">Availble Soon</span></p>: <p><span className="ui green text">Available now</span></p>}
+          {item.available ? <p><span className="ui green text">Available now</span></p> : 
+          borrower ? <p><span className="ui blue text">Availble Soon</span></p> : <p><span className="ui red text">Not available</span></p>} 
         </div>
       </div>
 

diff --git a/client/src/components/Items/ItemList.jsx b/client/src/components/Items/ItemList.jsx
@@ -91,6 +91,7 @@ const ItemList = ({session, refreshItems, setRefreshItems, profilePic, setSearch
   }
 
   const renderedList = itemList.map(item => {
+    if(item.available) {
     return (
       <Item 
         key={item._id} 
@@ -103,7 +104,7 @@ const ItemList = ({session, refreshItems, setRefreshItems, profilePic, setSearch
         profilePic={profilePic}
         getItems={getItems}
       />
-    )
+    )};
   })
 
   return (