Merge pull request #37 from msc49/adding-unavailable-button-to-profil…

…e-page

Adding update button to profile page

client/src/components/Home/HomeBanner.jsx

@@ -1,7 +1,7 @@
 
 import React from 'react';
 import './Home.css';
-import bannerImage from "../../components/images/woman-with-drill-blue.png";
+import bannerImage from "../../components/images/woman-with-drill.png";
 
 
 const HomeBanner = () => {
@@ -19,6 +19,5 @@ const HomeBanner = () => {
   )
 }
 
-
 export default HomeBanner;
 

client/src/components/Items/Item.jsx

@@ -5,7 +5,9 @@ import { Popup } from 'semantic-ui-react'
 import { Rating } from 'semantic-ui-react'
 import '../../img/image.png'
 
-const Item = ({ item, profilePic, deleteItem, updateItem, uploadImage, borrowItem }) => {
+const Item = ({ item, deleteItem, updateItem, uploadImage, borrowItem }) => {
+
+  const user = JSON.parse(localStorage.getItem('user'))
 
   const {_id: id, name, description, images, lender, borrower} = item
 
@@ -68,10 +70,15 @@ const Item = ({ item, profilePic, deleteItem, updateItem, uploadImage, borrowIte
                 <img src={images[1] ? images[1].path : "https://react.semantic-ui.com//images/avatar/large/elliot.jpg"} class="hidden content" alt=""/>
               </div>
             </div>
-            <div className={`ui bottom attached ${borrower ? 'blue' : 'green'} button`} tabindex="0">
-              {borrower ? 'Queue' : 'Request'}
-            </div>
-
+
+            {user.user.username === lender.username ? 
+                 <div className={`ui bottom attached grey button`} tabindex="0" onClick={() => console.log('hi')}>
+                     Update
+                </div> : 
+                <div className={`ui bottom attached ${borrower ? 'blue' : 'green'} button`} tabindex="0">
+                    {borrower ? 'Queue' : 'Request'}
+                </div>
+              }
         </div>
 
         <Link to={`/items/${id}`}>

client/src/components/Items/ItemList.jsx

@@ -56,13 +56,14 @@ const ItemList = ({session, refreshItems, setRefreshItems, profilePic}) => {
     getItems()
   }
 
-  const updateItem = async (event, name, description, lender, borrower, id) => {
+  const updateItem = async (event, name, description, lender, borrower, id, available) => {
     event.preventDefault()
     // const { data } = 
     await express.put(`/items/${id}`, {
       item: {
         name: name,
         description: description,
+        available:available
       }
     })
 

client/src/components/Items/UsersItemsList.jsx

@@ -54,7 +54,7 @@ const UsersItemList = () => {
 
 
   const renderedLendingList = itemList.map(item => {
-    if (item.lender._id == userId) {
+    if (item.lender._id === userId) {
       return (
         <Item 
           key={item._id}