diff --git a/client/src/components/ItemDisplayComp.js b/client/src/components/ItemDisplayComp.js
index 2284fe6..d31297d 100644
--- a/client/src/components/ItemDisplayComp.js
+++ b/client/src/components/ItemDisplayComp.js
@@ -11,7 +11,7 @@ class ItemDisplayComp extends React.Component {
   }
 
   componentDidMount() {
-    var self = this;
+    let self = this;
     axios
       .get("api/items")
       .then(function(response) {
diff --git a/client/src/components/NavBarComp.js b/client/src/components/NavBarComp.js
index 0927515..ed12be4 100644
--- a/client/src/components/NavBarComp.js
+++ b/client/src/components/NavBarComp.js
@@ -34,9 +34,9 @@ class NavBarComp extends Component {
       </div>
     );
   }
-  displayNavs() {
-    if (this.props.userName) {
-      return (
+  displayNavs =()=> {
+    (this.props.userName) ?
+       (
         <ul className="navbar-nav ml-auto">
           <li>
             <a href="#" className="nav-link">{this.props.userName}</a>
@@ -50,9 +50,8 @@ class NavBarComp extends Component {
             </button>
           </li>
         </ul>
-      );
-    } else {
-      return (
+      )
+    :   (
         <ul className="navbar-nav ml-auto">
           <li className="nav-item">
             <a className="nav-link" href="#/login">
@@ -66,7 +65,7 @@ class NavBarComp extends Component {
           </li>
         </ul>
       );
-    }
+    
   }
 }
 
diff --git a/client/src/components/RegisterFormComp.js b/client/src/components/RegisterFormComp.js
index d82eb08..85d4cb8 100644
--- a/client/src/components/RegisterFormComp.js
+++ b/client/src/components/RegisterFormComp.js
@@ -6,16 +6,15 @@ import ReactDOM from "react-dom";
 class RegisterFormComp extends Component {
   constructor(props) {
     super(props);
-    this.state = {};
-    this.onValuChange = this.onValuChange.bind(this);
-    this.onSubmit = this.onSubmit.bind(this);
+    this.state = {}
+    
   }
 
-  onValuChange(e) {
+  onValuChange =(e)=>{
     this.setState({ [e.target.name]: e.target.value });
   }
 
-  onSubmit(e) {
+  onSubmit=(e)=> {
     var message = "";
     e.preventDefault();
 
diff --git a/client/src/components/item/AddItemComp.js b/client/src/components/item/AddItemComp.js
index d8b9151..1acd301 100644
--- a/client/src/components/item/AddItemComp.js
+++ b/client/src/components/item/AddItemComp.js
@@ -6,11 +6,10 @@ class AddItemComp extends Component {
   constructor(props) {
     super(props);
     this.state = { name: "", description: "", price: "", file: "" };
-    this.onValueChange = this.onValueChange.bind(this);
-    this.onSubmit = this.onSubmit.bind(this);
+    
   }
 
-  onValueChange(e) {
+  onValueChange= (e)=> {
     switch (e.target.name) {
       case "file":
         this.setState({ file: e.target.files[0] });
@@ -20,7 +19,7 @@ class AddItemComp extends Component {
     }
   }
 
-  onSubmit(e) {
+  onSubmit = (e) =>{
     e.preventDefault();
     let formData = new FormData();
     const { name, description, price, file } = this.state;
diff --git a/client/src/components/item/EditItemComp.js b/client/src/components/item/EditItemComp.js
index 3c66b7c..9847918 100644
--- a/client/src/components/item/EditItemComp.js
+++ b/client/src/components/item/EditItemComp.js
@@ -5,16 +5,14 @@ import { Redirect } from "react-router-dom";
 class LoginFormComp extends Component {
   constructor(props) {
     super(props);
-    this.state = {};
-    this.onValuChange = this.onValuChange.bind(this);
-    this.onSubmit = this.onSubmit.bind(this);
+    this.state = {}
   }
 
-  onValuChange(e) {
+  onValuChange=(e) =>{
     this.setState({ [e.target.name]: e.target.value });
   }
 
-  onSubmit(e) {
+  onSubmit=(e) => {
     e.preventDefault();
     console.log(this.state);
     //console.log(this.state);
@@ -42,7 +40,7 @@ class LoginFormComp extends Component {
   }
 
   componentDidMount() {
-    var self = this;
+    let self = this;
     axios
       .get("api/items/" + this.props.itemId)
       .then(function(res) {
diff --git a/client/src/components/item/ItemDes.js b/client/src/components/item/ItemDes.js
index 5c6f048..dce4edd 100644
--- a/client/src/components/item/ItemDes.js
+++ b/client/src/components/item/ItemDes.js
@@ -13,12 +13,12 @@ class ItemDes extends Component {
       owner: {},
       __v: 0
     }; */
-    this.onDeleteClick = this.onDeleteClick.bind(this);
+
   }
 
   componentDidMount() {}
 
-  displayEdit() {
+  displayEdit =()=> {
     const user = sessionStorage.getItem("user");
     const { item } = this.props;
     if (user) {
@@ -40,7 +40,7 @@ class ItemDes extends Component {
     );
   }
 
-  onDeleteClick(e) {
+  onDeleteClick = (e) => {
     e.preventDefault();
     axios
       .delete("/api/items/" + this.state._id, {
@@ -80,7 +80,7 @@ class ItemDes extends Component {
             <br />
 
             <br />
-            <div id="action">{this.displayEdit()}</div>
+            <div id="action">{this.displayEdit}</div>
           </div>
         </div>
       </div>
diff --git a/package-lock.json b/package-lock.json
index 06e3f0f..61bea97 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -701,9 +701,9 @@
       }
     },
     "lodash": {
-      "version": "4.17.15",
-      "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.15.tgz",
-      "integrity": "sha512-8xOcRHvCjnocdS5cpwXQXVzmmh5e5+saE2QGoeQmbKmRS6J3VQppPOIt0MnmE+4xlZoumy0GPG0D0MVIQbNA1A=="
+      "version": "4.17.20",
+      "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.20.tgz",
+      "integrity": "sha512-PlhdFcillOINfeV7Ni6oF1TAEayyZBoZ8bcshTHqOYJYlrqzRK5hagpagky5o4HfCzzd1TRkXPMFq6cKk9rGmA=="
     },
     "lodash.includes": {
       "version": "4.3.0",