solving bugs

client/src/components/Category/index.js

@@ -1,40 +1,43 @@
-import React from "react";
-import "./style.css";
-import axios from "axios";
+import React from 'react'
+import './style.css'
+import axios from 'axios'
 import { Link } from 'react-router-dom'
 class Category extends React.Component {
   state = {
     result: []
-  };
+  }
   componentDidMount() {
-    axios.get("/category").then(result => {
-      const resultArray = result.data.map(e => e);
-      this.setState({ result: resultArray });
-    });
+    axios.get('/category').then(result => {
+      const resultArray = result.data.map(e => e)
+      this.setState({ result: resultArray })
+    })
   }
 
   render() {
     return (
       <div className="grid-container">
         {!this.state.result.length ? (
-
           <img
             className="loading"
             src="https://media1.tenor.com/images/556e9ff845b7dd0c62dcdbbb00babb4b/tenor.gif?itemid=5300368"
             alt="loading"
           />
         ) : (
           this.state.result.map(e => (
-          <Link  to={'/shop/'+e.id }>
-            <div onClick={this.props.onClick}>
-              <img className="grid-item" src={e.img} alt = {e.name+" image"} />
-              <p className="category">{e.name}</p>
-            </div>
+            <Link to={'/shop/' + e.id} key={e.id}>
+              <div onClick={this.props.onClick}>
+                <img
+                  className="grid-item"
+                  src={e.img}
+                  alt={e.name + ' image'}
+                />
+                <p className="category">{e.name}</p>
+              </div>
             </Link>
           ))
         )}
       </div>
-    );
+    )
   }
 }
-export default Category;
+export default Category

client/src/components/Navbar/index.js

@@ -2,7 +2,7 @@ import React, { Component } from 'react'
 import './style.css'
 import { Link } from 'react-router-dom'
 
-class NavBar extends React.Component {
+class NavBar extends Component {
   state = { toggleMenu: false }
 
   onClick1 = () => {

client/src/components/Product_card/index.js

@@ -3,15 +3,15 @@ import './style.css'
 import axios from 'axios'
 import { Link } from 'react-router-dom'
 
-class ProductCard extends React.Component {
+class ProductCard extends Component {
   state = {
     products: [],
     loading: true,
-    path1:"/shop"
+    path1: '/shop'
   }
 
   componentDidMount() {
-    this.setState({path1:this.props.path})
+    this.setState({ path1: this.props.path })
     if (this.props.match.params.id) {
       axios.get(`/shop/${this.props.match.params.id}`).then(({ data }) => {
         this.setState({ products: data, loading: false })
@@ -28,7 +28,7 @@ class ProductCard extends React.Component {
   }
 
   render() {
-    const { products, loading, searchedProducts } = this.state
+    const { products, loading } = this.state
     const myProducts = this.props.resultAfterSerch
       ? this.props.resultAfterSerch
       : products
@@ -37,7 +37,7 @@ class ProductCard extends React.Component {
         {!loading ? (
           myProducts.length > 0 ? (
             myProducts.map(e => (
-              <Link to={'/product/' + e.id + this.state.path1} key = {e.id} >
+              <Link to={'/product/' + e.id + this.state.path1} key={e.id}>
                 <div className="cards">
                   <div className="product-card-back">
                     <div className="product-card">

client/src/components/Search_bar/index.js

@@ -16,15 +16,20 @@ class SearchBar extends Component {
   render() {
     return (
       <div className="search-bar">
-        <input className="search-bar"
+        <input
+          className="search-bar"
           type="text"
           placeholder="Search.."
           name="search2"
           onChange={this.props.searchProduct}
           value={this.props.searchInput}
         />
-        <button className="search-bar" onClick={this.getSearchedProduct} type="button">
-          <i class="fa fa-search"></i>
+        <button
+          className="search-bar"
+          onClick={this.getSearchedProduct}
+          type="button"
+        >
+          <i className="fa fa-search"></i>
         </button>
       </div>
     )

client/src/components/about_us/index.js

@@ -5,9 +5,16 @@ const aboutUs = () => {
   return (
     <div className="pageAboutUs">
       <NavBar />
-      <img className ="superMarket"src="https://2.top4top.net/p_1348iki641.jpg"></img>
+      <img
+        className="superMarket"
+        src="https://2.top4top.net/p_1348iki641.jpg"
+        alt="about us"
+      ></img>
       <h1 className="aboutUs">About us :</h1>
-      <p className="description">Its a supermarket website  we have many components you can order any thing when you in home, work. Its a esay way to buy anything.</p>
+      <p className="description">
+        Its a supermarket website we have many components you can order any
+        thing when you in home, work. Its a esay way to buy anything.
+      </p>
     </div>
   )
 }

package.json

@@ -37,10 +37,6 @@
     "build": "cd client && npm run build",
     "eject": "react-scripts eject",
     "client-install": "cd client && npm install"
-
-
-
-
   },
   "repository": {
     "type": "git",