From 51b8a5ef10c2c07a930bafa2129644eb2321c652 Mon Sep 17 00:00:00 2001
From: sanyam-dev <sanyamjha19@gmail.com>
Date: Wed, 3 Nov 2021 21:54:22 +0530
Subject: [PATCH 1/2] improved CSS

---
 package.json             | 4 ++--
 src/Components/Navbar.js | 4 ++--
 src/css/Navbar.css       | 9 ++++++++-
 3 files changed, 12 insertions(+), 5 deletions(-)

diff --git a/package.json b/package.json
index 39faa6e..041a3bb 100644
--- a/package.json
+++ b/package.json
@@ -23,7 +23,7 @@
     "web-vitals": "^0.2.4"
   },
   "scripts": {
-    "start": "react-scripts start",
+    "start": "PORT=5000 react-scripts start",
     "build": "react-scripts build",
     "test": "react-scripts test",
     "eject": "react-scripts eject"
@@ -46,4 +46,4 @@
       "last 1 safari version"
     ]
   }
-}
+}
\ No newline at end of file
diff --git a/src/Components/Navbar.js b/src/Components/Navbar.js
index 8f46ff7..411c95a 100644
--- a/src/Components/Navbar.js
+++ b/src/Components/Navbar.js
@@ -12,7 +12,7 @@ const Navbar = (props) => {
     }, [])
     return (
         <div className="Navbar">
-            <div className="ui secondary pointing menu">
+            <div className="ui secondary pointing menu" id = "menu">
                 <Link to="/" className="item" >
                     Home
                 </Link>
@@ -31,7 +31,7 @@ const Navbar = (props) => {
                 <Link to="/add" className="item">
                     Add Item
                 </Link>
-                <div className="right menu temp">
+                <div className="right menu temp" id = "menuRight">
                     <Link to="/cart" className="item">
                         <i class="shopping cart large icon cartIcon" ></i>
                     </Link>
diff --git a/src/css/Navbar.css b/src/css/Navbar.css
index 6453329..f676c3e 100644
--- a/src/css/Navbar.css
+++ b/src/css/Navbar.css
@@ -7,7 +7,14 @@
     z-index:10; /*Add this*/
     /* background-color: black; */
 }
-
+.Navbar>#menu>.item:hover{
+    border-radius:15px;
+    background-color:rgb(202, 240, 35);
+}
+.Navbar>#menu>#menuRight>.item:hover{
+    border-radius:15px;
+    background-color:rgb(73, 236, 241);
+}
 .circle{
     color: white;
     background-color: blue;

From 778cba01e285050289e012a290d59a33f4ba5b7d Mon Sep 17 00:00:00 2001
From: sanyam-dev <sanyamjha19@gmail.com>
Date: Thu, 4 Nov 2021 03:25:12 +0530
Subject: [PATCH 2/2] Changed name in Footer

---
 .eslintcache             | 2 +-
 src/Components/Footer.js | 6 +-----
 src/css/Footer.css       | 2 +-
 3 files changed, 3 insertions(+), 7 deletions(-)

diff --git a/.eslintcache b/.eslintcache
index 690ddb4..4db1bb6 100644
--- a/.eslintcache
+++ b/.eslintcache
@@ -1 +1 @@
-[{"F:\\makingOfGithub\\e-commerce-react\\src\\index.js":"1","F:\\makingOfGithub\\e-commerce-react\\src\\Components\\App.js":"2","F:\\makingOfGithub\\e-commerce-react\\src\\Components\\Navbar.js":"3","F:\\makingOfGithub\\e-commerce-react\\src\\Components\\Processor.js":"4","F:\\makingOfGithub\\e-commerce-react\\src\\Components\\Motherboard.js":"5","F:\\makingOfGithub\\e-commerce-react\\src\\Components\\Home.js":"6","F:\\makingOfGithub\\e-commerce-react\\src\\Components\\GraphicsCard.js":"7","F:\\makingOfGithub\\e-commerce-react\\src\\Components\\Memory.js":"8","F:\\makingOfGithub\\e-commerce-react\\src\\Components\\Item.js":"9","F:\\makingOfGithub\\e-commerce-react\\src\\Components\\AddSubItem.js":"10","F:\\makingOfGithub\\e-commerce-react\\src\\reducers\\index.js":"11","F:\\makingOfGithub\\e-commerce-react\\src\\action\\index.js":"12","F:\\makingOfGithub\\e-commerce-react\\src\\Components\\AddProduct.js":"13","F:\\makingOfGithub\\e-commerce-react\\src\\Components\\Cart.js":"14","F:\\makingOfGithub\\e-commerce-react\\src\\Components\\CartItem.js":"15","F:\\makingOfGithub\\e-commerce-react\\src\\Components\\SignIn.js":"16","F:\\makingOfGithub\\e-commerce-react\\src\\Components\\Footer.js":"17","F:\\makingOfGithub\\e-commerce-react\\src\\Components\\Carousel.js":"18"},{"size":458,"mtime":1611488697880,"results":"19","hashOfConfig":"20"},{"size":1311,"mtime":1611758571860,"results":"21","hashOfConfig":"20"},{"size":1870,"mtime":1611730225724,"results":"22","hashOfConfig":"20"},{"size":864,"mtime":1611728226665,"results":"23","hashOfConfig":"20"},{"size":944,"mtime":1611727075064,"results":"24","hashOfConfig":"20"},{"size":199,"mtime":1611759695034,"results":"25","hashOfConfig":"20"},{"size":863,"mtime":1611728234818,"results":"26","hashOfConfig":"20"},{"size":861,"mtime":1611728218632,"results":"27","hashOfConfig":"20"},{"size":1496,"mtime":1611757631443,"results":"28","hashOfConfig":"20"},{"size":908,"mtime":1611489682115,"results":"29","hashOfConfig":"20"},{"size":1577,"mtime":1611725876716,"results":"30","hashOfConfig":"20"},{"size":1638,"mtime":1611728185033,"results":"31","hashOfConfig":"20"},{"size":2754,"mtime":1611733812262,"results":"32","hashOfConfig":"20"},{"size":709,"mtime":1611663262365,"results":"33","hashOfConfig":"20"},{"size":1423,"mtime":1611724619923,"results":"34","hashOfConfig":"20"},{"size":2314,"mtime":1611737677531,"results":"35","hashOfConfig":"20"},{"size":1323,"mtime":1611764672909,"results":"36","hashOfConfig":"20"},{"size":974,"mtime":1611762067300,"results":"37","hashOfConfig":"20"},{"filePath":"38","messages":"39","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"40"},"1jzghgf",{"filePath":"41","messages":"42","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"43","messages":"44","errorCount":0,"warningCount":1,"fixableErrorCount":0,"fixableWarningCount":0,"source":null},{"filePath":"45","messages":"46","errorCount":0,"warningCount":1,"fixableErrorCount":0,"fixableWarningCount":0,"source":null},{"filePath":"47","messages":"48","errorCount":0,"warningCount":2,"fixableErrorCount":0,"fixableWarningCount":0,"source":null},{"filePath":"49","messages":"50","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"51","messages":"52","errorCount":0,"warningCount":1,"fixableErrorCount":0,"fixableWarningCount":0,"source":null},{"filePath":"53","messages":"54","errorCount":0,"warningCount":1,"fixableErrorCount":0,"fixableWarningCount":0,"source":null},{"filePath":"55","messages":"56","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"57","messages":"58","errorCount":0,"warningCount":1,"fixableErrorCount":0,"fixableWarningCount":0,"source":"59","usedDeprecatedRules":"40"},{"filePath":"60","messages":"61","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"62","messages":"63","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"64","messages":"65","errorCount":0,"warningCount":2,"fixableErrorCount":0,"fixableWarningCount":0,"source":null},{"filePath":"66","messages":"67","errorCount":0,"warningCount":1,"fixableErrorCount":0,"fixableWarningCount":0,"source":"68","usedDeprecatedRules":"40"},{"filePath":"69","messages":"70","errorCount":0,"warningCount":2,"fixableErrorCount":0,"fixableWarningCount":0,"source":null},{"filePath":"71","messages":"72","errorCount":0,"warningCount":1,"fixableErrorCount":0,"fixableWarningCount":0,"source":null},{"filePath":"73","messages":"74","errorCount":0,"warningCount":5,"fixableErrorCount":0,"fixableWarningCount":0,"source":null},{"filePath":"75","messages":"76","errorCount":0,"warningCount":3,"fixableErrorCount":0,"fixableWarningCount":0,"source":null},"F:\\makingOfGithub\\e-commerce-react\\src\\index.js",[],["77","78"],"F:\\makingOfGithub\\e-commerce-react\\src\\Components\\App.js",[],"F:\\makingOfGithub\\e-commerce-react\\src\\Components\\Navbar.js",["79"],"F:\\makingOfGithub\\e-commerce-react\\src\\Components\\Processor.js",["80"],"F:\\makingOfGithub\\e-commerce-react\\src\\Components\\Motherboard.js",["81","82"],"F:\\makingOfGithub\\e-commerce-react\\src\\Components\\Home.js",[],"F:\\makingOfGithub\\e-commerce-react\\src\\Components\\GraphicsCard.js",["83"],"F:\\makingOfGithub\\e-commerce-react\\src\\Components\\Memory.js",["84"],"F:\\makingOfGithub\\e-commerce-react\\src\\Components\\Item.js",[],"F:\\makingOfGithub\\e-commerce-react\\src\\Components\\AddSubItem.js",["85"],"import React from 'react';\r\nimport { connect } from 'react-redux';\r\nimport { addItem, subItem, getProducts } from '../action';\r\n\r\nconst AddSubItem = (props) => {\r\n    const addOnClick = (id) => {\r\n        props.addItem(id);\r\n    }\r\n\r\n    const subOnClick = (id) => {\r\n        props.subItem(id);\r\n    }\r\n\r\n    return (\r\n        <div className=\"AddSubButton\">\r\n            <button className=\"ui small primary button\" onClick={() => subOnClick(props.id)}>\r\n                -\r\n            </button>\r\n            <div className=\"countItem\" >\r\n                {props.items[props.id]}\r\n            </div>\r\n            <button className=\"ui small button\" onClick={() => addOnClick(props.id)}>\r\n                +\r\n            </button>\r\n        </div>\r\n    );\r\n}\r\n\r\nconst mapStateToProps = state => {\r\n    return { items: state.items };\r\n}\r\n\r\nexport default connect(mapStateToProps, { addItem, subItem })(AddSubItem);","F:\\makingOfGithub\\e-commerce-react\\src\\reducers\\index.js",[],"F:\\makingOfGithub\\e-commerce-react\\src\\action\\index.js",[],"F:\\makingOfGithub\\e-commerce-react\\src\\Components\\AddProduct.js",["86","87"],"F:\\makingOfGithub\\e-commerce-react\\src\\Components\\Cart.js",["88"],"import React, { useEffect } from 'react';\r\nimport { connect } from 'react-redux';\r\n\r\nimport '../css/Cart.css';\r\nimport { getCartItems } from '../action';\r\nimport CartItem from '../Components/CartItem';\r\n\r\n\r\nconst Cart = (props) => {\r\n\r\n    useEffect(() => {\r\n        props.getCartItems();\r\n    }, []);\r\n\r\n    const renderList = props.cartItems.map(obj => {\r\n        return <CartItem obj={obj} />\r\n    })\r\n    return (\r\n        <div className=\"CartItems\">\r\n            {renderList}\r\n        </div>\r\n    );\r\n}\r\n\r\nconst mapStateToProps = state => {\r\n    return {\r\n        cartItems: state.cartItems,\r\n        itemById: state.itemById\r\n    };\r\n}\r\n\r\nexport default connect(mapStateToProps, { getCartItems })(Cart);","F:\\makingOfGithub\\e-commerce-react\\src\\Components\\CartItem.js",["89","90"],"F:\\makingOfGithub\\e-commerce-react\\src\\Components\\SignIn.js",["91"],"F:\\makingOfGithub\\e-commerce-react\\src\\Components\\Footer.js",["92","93","94","95","96"],"F:\\makingOfGithub\\e-commerce-react\\src\\Components\\Carousel.js",["97","98","99"],{"ruleId":"100","replacedBy":"101"},{"ruleId":"102","replacedBy":"103"},{"ruleId":"104","severity":1,"message":"105","line":12,"column":8,"nodeType":"106","endLine":12,"endColumn":10,"suggestions":"107"},{"ruleId":"104","severity":1,"message":"105","line":11,"column":8,"nodeType":"106","endLine":11,"endColumn":10,"suggestions":"108"},{"ruleId":"109","severity":1,"message":"110","line":6,"column":10,"nodeType":"111","messageId":"112","endLine":6,"endColumn":16},{"ruleId":"104","severity":1,"message":"105","line":12,"column":8,"nodeType":"106","endLine":12,"endColumn":10,"suggestions":"113"},{"ruleId":"104","severity":1,"message":"105","line":11,"column":8,"nodeType":"106","endLine":11,"endColumn":10,"suggestions":"114"},{"ruleId":"104","severity":1,"message":"105","line":11,"column":8,"nodeType":"106","endLine":11,"endColumn":10,"suggestions":"115"},{"ruleId":"109","severity":1,"message":"116","line":3,"column":28,"nodeType":"111","messageId":"112","endLine":3,"endColumn":39},{"ruleId":"109","severity":1,"message":"117","line":1,"column":27,"nodeType":"111","messageId":"112","endLine":1,"endColumn":36},{"ruleId":"109","severity":1,"message":"118","line":17,"column":15,"nodeType":"111","messageId":"112","endLine":17,"endColumn":23},{"ruleId":"104","severity":1,"message":"105","line":13,"column":8,"nodeType":"106","endLine":13,"endColumn":10,"suggestions":"119"},{"ruleId":"109","severity":1,"message":"117","line":1,"column":17,"nodeType":"111","messageId":"112","endLine":1,"endColumn":26},{"ruleId":"120","severity":1,"message":"121","line":21,"column":17,"nodeType":"122","endLine":21,"endColumn":44},{"ruleId":"109","severity":1,"message":"118","line":16,"column":15,"nodeType":"111","messageId":"112","endLine":16,"endColumn":23},{"ruleId":"120","severity":1,"message":"121","line":7,"column":13,"nodeType":"122","endLine":7,"endColumn":48},{"ruleId":"120","severity":1,"message":"121","line":12,"column":21,"nodeType":"122","endLine":12,"endColumn":53},{"ruleId":"123","severity":1,"message":"124","line":17,"column":21,"nodeType":"122","endLine":17,"endColumn":88},{"ruleId":"123","severity":1,"message":"124","line":20,"column":21,"nodeType":"122","endLine":20,"endColumn":76},{"ruleId":"123","severity":1,"message":"124","line":24,"column":21,"nodeType":"122","endLine":24,"endColumn":99},{"ruleId":"120","severity":1,"message":"121","line":14,"column":21,"nodeType":"122","endLine":14,"endColumn":60},{"ruleId":"120","severity":1,"message":"121","line":18,"column":21,"nodeType":"122","endLine":18,"endColumn":60},{"ruleId":"120","severity":1,"message":"121","line":22,"column":21,"nodeType":"122","endLine":22,"endColumn":60},"no-native-reassign",["125"],"no-negated-in-lhs",["126"],"react-hooks/exhaustive-deps","React Hook useEffect has a missing dependency: 'props'. Either include it or remove the dependency array. However, 'props' will change when *any* prop changes, so the preferred fix is to destructure the 'props' object outside of the useEffect call and refer to those specific props inside useEffect.","ArrayExpression",["127"],["128"],"no-unused-vars","'render' is defined but never used.","Identifier","unusedVar",["129"],["130"],["131"],"'getProducts' is defined but never used.","'useEffect' is defined but never used.","'response' is assigned a value but never used.",["132"],"jsx-a11y/alt-text","img elements must have an alt prop, either with meaningful text, or an empty string for decorative images.","JSXOpeningElement","react/jsx-no-target-blank","Using target=\"_blank\" without rel=\"noreferrer\" is a security risk: see https://html.spec.whatwg.org/multipage/links.html#link-type-noopener","no-global-assign","no-unsafe-negation",{"desc":"133","fix":"134"},{"desc":"133","fix":"135"},{"desc":"133","fix":"136"},{"desc":"133","fix":"137"},{"desc":"133","fix":"138"},{"desc":"133","fix":"139"},"Update the dependencies array to be: [props]",{"range":"140","text":"141"},{"range":"142","text":"141"},{"range":"143","text":"141"},{"range":"144","text":"141"},{"range":"145","text":"141"},{"range":"146","text":"141"},[293,295],"[props]",[296,298],[362,364],[295,297],[293,295],[297,299]]
\ No newline at end of file
+[{"/Users/sanyam/Projects/ekart/eCommerce-React/src/index.js":"1","/Users/sanyam/Projects/ekart/eCommerce-React/src/Components/App.js":"2","/Users/sanyam/Projects/ekart/eCommerce-React/src/Components/Navbar.js":"3","/Users/sanyam/Projects/ekart/eCommerce-React/src/reducers/index.js":"4","/Users/sanyam/Projects/ekart/eCommerce-React/src/Components/Memory.js":"5","/Users/sanyam/Projects/ekart/eCommerce-React/src/Components/Processor.js":"6","/Users/sanyam/Projects/ekart/eCommerce-React/src/Components/Motherboard.js":"7","/Users/sanyam/Projects/ekart/eCommerce-React/src/Components/GraphicsCard.js":"8","/Users/sanyam/Projects/ekart/eCommerce-React/src/Components/Home.js":"9","/Users/sanyam/Projects/ekart/eCommerce-React/src/Components/AddProduct.js":"10","/Users/sanyam/Projects/ekart/eCommerce-React/src/Components/Cart.js":"11","/Users/sanyam/Projects/ekart/eCommerce-React/src/Components/Footer.js":"12","/Users/sanyam/Projects/ekart/eCommerce-React/src/Components/SignIn.js":"13","/Users/sanyam/Projects/ekart/eCommerce-React/src/Components/Carousel.js":"14","/Users/sanyam/Projects/ekart/eCommerce-React/src/Components/Item.js":"15","/Users/sanyam/Projects/ekart/eCommerce-React/src/Components/CartItem.js":"16","/Users/sanyam/Projects/ekart/eCommerce-React/src/action/index.js":"17","/Users/sanyam/Projects/ekart/eCommerce-React/src/Components/AddSubItem.js":"18"},{"size":441,"mtime":1634495397764,"results":"19","hashOfConfig":"20"},{"size":1273,"mtime":1634495397756,"results":"21","hashOfConfig":"20"},{"size":1842,"mtime":1635956300292,"results":"22","hashOfConfig":"20"},{"size":1512,"mtime":1634495397764,"results":"23","hashOfConfig":"20"},{"size":825,"mtime":1634495397759,"results":"24","hashOfConfig":"20"},{"size":828,"mtime":1634495397759,"results":"25","hashOfConfig":"20"},{"size":907,"mtime":1634495397759,"results":"26","hashOfConfig":"20"},{"size":827,"mtime":1634495397758,"results":"27","hashOfConfig":"20"},{"size":188,"mtime":1634495397758,"results":"28","hashOfConfig":"20"},{"size":2684,"mtime":1634495397755,"results":"29","hashOfConfig":"20"},{"size":678,"mtime":1634495397757,"results":"30","hashOfConfig":"20"},{"size":1063,"mtime":1635976348952,"results":"31","hashOfConfig":"20"},{"size":2255,"mtime":1634495397760,"results":"32","hashOfConfig":"20"},{"size":943,"mtime":1634495397756,"results":"33","hashOfConfig":"20"},{"size":1445,"mtime":1634495397758,"results":"34","hashOfConfig":"20"},{"size":1375,"mtime":1634495397757,"results":"35","hashOfConfig":"20"},{"size":1576,"mtime":1635954256056,"results":"36","hashOfConfig":"20"},{"size":876,"mtime":1634495397756,"results":"37","hashOfConfig":"20"},{"filePath":"38","messages":"39","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"40"},"sp8qzy",{"filePath":"41","messages":"42","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"40"},{"filePath":"43","messages":"44","errorCount":0,"warningCount":1,"fixableErrorCount":0,"fixableWarningCount":0,"source":null},{"filePath":"45","messages":"46","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"40"},{"filePath":"47","messages":"48","errorCount":0,"warningCount":1,"fixableErrorCount":0,"fixableWarningCount":0,"source":"49","usedDeprecatedRules":"40"},{"filePath":"50","messages":"51","errorCount":0,"warningCount":1,"fixableErrorCount":0,"fixableWarningCount":0,"source":"52","usedDeprecatedRules":"40"},{"filePath":"53","messages":"54","errorCount":0,"warningCount":2,"fixableErrorCount":0,"fixableWarningCount":0,"source":"55","usedDeprecatedRules":"40"},{"filePath":"56","messages":"57","errorCount":0,"warningCount":1,"fixableErrorCount":0,"fixableWarningCount":0,"source":"58","usedDeprecatedRules":"40"},{"filePath":"59","messages":"60","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"40"},{"filePath":"61","messages":"62","errorCount":0,"warningCount":2,"fixableErrorCount":0,"fixableWarningCount":0,"source":"63","usedDeprecatedRules":"40"},{"filePath":"64","messages":"65","errorCount":0,"warningCount":1,"fixableErrorCount":0,"fixableWarningCount":0,"source":"66","usedDeprecatedRules":"40"},{"filePath":"67","messages":"68","errorCount":0,"warningCount":4,"fixableErrorCount":0,"fixableWarningCount":0,"source":null},{"filePath":"69","messages":"70","errorCount":0,"warningCount":1,"fixableErrorCount":0,"fixableWarningCount":0,"source":"71","usedDeprecatedRules":"40"},{"filePath":"72","messages":"73","errorCount":0,"warningCount":3,"fixableErrorCount":0,"fixableWarningCount":0,"source":"74","usedDeprecatedRules":"40"},{"filePath":"75","messages":"76","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"40"},{"filePath":"77","messages":"78","errorCount":0,"warningCount":2,"fixableErrorCount":0,"fixableWarningCount":0,"source":"79","usedDeprecatedRules":"40"},{"filePath":"80","messages":"81","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"40"},{"filePath":"82","messages":"83","errorCount":0,"warningCount":1,"fixableErrorCount":0,"fixableWarningCount":0,"source":"84","usedDeprecatedRules":"40"},"/Users/sanyam/Projects/ekart/eCommerce-React/src/index.js",[],["85","86"],"/Users/sanyam/Projects/ekart/eCommerce-React/src/Components/App.js",[],"/Users/sanyam/Projects/ekart/eCommerce-React/src/Components/Navbar.js",["87"],"/Users/sanyam/Projects/ekart/eCommerce-React/src/reducers/index.js",[],"/Users/sanyam/Projects/ekart/eCommerce-React/src/Components/Memory.js",["88"],"import React, { useEffect } from 'react';\nimport Item from './Item';\nimport '../css/Motherboard.css';\nimport { getProducts } from '../action';\nimport { connect } from 'react-redux';\n\nconst Motherboard = (props) => {\n\n    useEffect(() => {\n        props.getProducts('Memory');\n    }, []);\n\n    const renderList = props.prodList.map(({ id, img, price, title }) => {\n        return <Item id={id} title={title} src={img} price={price} />;\n    })\n\n\n    return (\n        <div className=\"ItemContainer\">\n            <div className=\"ItemGrid\">\n                {renderList}\n                {/* {console.dir(renderList)} */}\n\n            </div>\n        </div>\n    );\n}\n\nconst mapStateToProps = state => {\n    return ({\n        prodList: state.prodList,\n    })\n}\n\n\nexport default connect(mapStateToProps, { getProducts })(Motherboard);\n","/Users/sanyam/Projects/ekart/eCommerce-React/src/Components/Processor.js",["89"],"import React, { useEffect } from 'react';\nimport Item from './Item';\nimport '../css/Motherboard.css';\nimport { getProducts } from '../action';\nimport { connect } from 'react-redux';\n\nconst Motherboard = (props) => {\n\n    useEffect(() => {\n        props.getProducts('Processor');\n    }, []);\n\n    const renderList = props.prodList.map(({ id, img, price, title }) => {\n        return <Item id={id} title={title} src={img} price={price} />;\n    })\n\n\n    return (\n        <div className=\"ItemContainer\">\n            <div className=\"ItemGrid\">\n                {renderList}\n                {/* {console.dir(renderList)} */}\n\n            </div>\n        </div>\n    );\n}\n\nconst mapStateToProps = state => {\n    return ({\n        prodList: state.prodList,\n    })\n}\n\n\nexport default connect(mapStateToProps, { getProducts })(Motherboard);\n","/Users/sanyam/Projects/ekart/eCommerce-React/src/Components/Motherboard.js",["90","91"],"import React, { useEffect } from 'react';\nimport Item from './Item';\nimport '../css/Motherboard.css';\nimport { getProducts, getCartItems } from '../action';\nimport { connect } from 'react-redux';\nimport { render } from '@testing-library/react';\n\nconst Motherboard = (props) => {\n\n    useEffect(() => {\n        props.getProducts('Motherboard');\n    }, []);\n\n    const renderList = props.prodList.map(({ id, img, price, title }) => {\n        return <Item id={id} title={title} src={img} price={price} />;\n    })\n\n\n    return (\n        <div className=\"ItemContainer\">\n            <div className=\"ItemGrid\">\n                {renderList}\n                {/* {console.dir(renderList)} */}\n\n            </div>\n        </div>\n    );\n}\n\nconst mapStateToProps = state => {\n    return ({\n        prodList: state.prodList,\n    })\n}\n\n\nexport default connect(mapStateToProps, { getProducts, getCartItems })(Motherboard);\n","/Users/sanyam/Projects/ekart/eCommerce-React/src/Components/GraphicsCard.js",["92"],"import React, { useEffect } from 'react';\nimport Item from './Item';\nimport '../css/Motherboard.css';\nimport { getProducts } from '../action';\nimport { connect } from 'react-redux';\n\nconst Motherboard = (props) => {\n\n    useEffect(() => {\n        props.getProducts('Graphics');\n    }, []);\n\n    const renderList = props.prodList.map(({ id, img, price, title }) => {\n        return <Item id={id} title={title} src={img} price={price} />;\n    })\n\n\n    return (\n        <div className=\"ItemContainer\">\n            <div className=\"ItemGrid\">\n                {renderList}\n                {/* {console.dir(renderList)} */}\n\n            </div>\n        </div>\n    );\n}\n\nconst mapStateToProps = state => {\n    return ({\n        prodList: state.prodList,\n    })\n}\n\n\nexport default connect(mapStateToProps, { getProducts })(Motherboard);\n","/Users/sanyam/Projects/ekart/eCommerce-React/src/Components/Home.js",[],"/Users/sanyam/Projects/ekart/eCommerce-React/src/Components/AddProduct.js",["93","94"],"import React, { useState, useEffect } from 'react';\nimport axios from 'axios';\n\nimport '../css/AddProduct.css';\n\nconst AddProduct = (props) => {\n    const [Id, setId] = useState('');\n    const [Title, setTitle] = useState('');\n    const [Price, setPrice] = useState('');\n    const [Type, setType] = useState('');\n    const [Desc, setDesc] = useState('');\n    const [Img, setImg] = useState('');\n\n    const saveToDB = async (event) => {\n        console.log('AddProduct');\n        event.preventDefault();\n        const response = await axios.post(\"http://localhost:5000/add-product\", {}, {\n            headers: {\n                dbType: 'Product',\n                id: Id,\n                title: Title,\n                price: Price,\n                img: Img,\n                type: Type,\n            }\n        });\n        // console.log(response);\n        setId('');\n        setTitle('');\n        setPrice('');\n        setType('');\n        setDesc('');\n        setImg('');\n    }\n\n\n    return (\n        <div className=\"mainContainer\">\n            <form class=\"ui form\">\n                <div class=\"field\">\n                    <label>ID</label>\n                    <input type=\"text\" name=\"ID\" value={Id} placeholder=\"ID\" onChange={e => setId(e.target.value)} />\n                </div>\n                <div class=\"field\">\n                    <label>Product Name</label>\n                    <input type=\"text\" name=\"Product-Name\" value={Title} placeholder=\"Product Name\" onChange={e => setTitle(e.target.value)} />\n                </div>\n                <div class=\"field\">\n                    <label>Product Description</label>\n                    <input type=\"text\" name=\"product-desc\" value={Desc} placeholder=\"Product Description\" onChange={e => setDesc(e.target.value)} />\n                </div>\n                <div class=\"field\">\n                    <label>Type</label>\n                    <input type=\"text\" name=\"type\" value={Type} placeholder=\"Motherboard, Processor, etc.\" onChange={e => setType(e.target.value)} />\n                </div>\n                <div class=\"field\">\n                    <label>Price</label>\n                    <input type=\"text\" name=\"price\" value={Price} placeholder=\"Price in Rupees\" onChange={e => setPrice(e.target.value)} />\n                </div>\n                <div class=\"field\">\n                    <label>Image</label>\n                    <input type=\"text\" name=\"image\" value={Img} placeholder=\"Location of image\" onChange={e => setImg(e.target.value)} />\n                </div>\n\n                <button class=\"ui button\" type=\"submit\" onClick={saveToDB}>Submit</button>\n            </form>\n        </div>\n    );\n}\n\nexport default AddProduct;","/Users/sanyam/Projects/ekart/eCommerce-React/src/Components/Cart.js",["95"],"import React, { useEffect } from 'react';\nimport { connect } from 'react-redux';\n\nimport '../css/Cart.css';\nimport { getCartItems } from '../action';\nimport CartItem from '../Components/CartItem';\n\n\nconst Cart = (props) => {\n\n    useEffect(() => {\n        props.getCartItems();\n    }, []);\n\n    const renderList = props.cartItems.map(obj => {\n        return <CartItem obj={obj} />\n    })\n    return (\n        <div className=\"CartItems\">\n            {renderList}\n        </div>\n    );\n}\n\nconst mapStateToProps = state => {\n    return {\n        cartItems: state.cartItems,\n        itemById: state.itemById\n    };\n}\n\nexport default connect(mapStateToProps, { getCartItems })(Cart);","/Users/sanyam/Projects/ekart/eCommerce-React/src/Components/Footer.js",["96","97","98","99"],"/Users/sanyam/Projects/ekart/eCommerce-React/src/Components/SignIn.js",["100"],"import React, { useState } from 'react';\nimport axios from 'axios';\n\nimport '../css/SignIn.css';\n\nconst SignIn = () => {\n    const [firstname, setFirstName] = useState('');\n    const [lastname, setLastName] = useState('');\n    const [email, setEmail] = useState('');\n    const [pass, setPass] = useState('');\n\n\n    const formSubmit = async (event) => {\n        event.preventDefault();\n\n        const response = await axios.post(\"http://localhost:5000/add-user\", {}, {\n            headers: {\n                dbType: 'User',\n                name: `${firstname} ${lastname}`,\n                email: email,\n                password: pass,\n            }\n        });\n    }\n\n    return (\n        <div className=\"mainContainer\">\n            <form class=\"ui form\">\n                <div class=\"field\">\n                    <label>Name</label>\n                    <div class=\"two fields\">\n                        <div class=\"field\">\n                            <input type=\"text\" value={firstname} onChange={e => setFirstName(e.target.value)} placeholder=\"First Name\" />\n                        </div>\n                        <div class=\"field\">\n                            <input type=\"text\" value={lastname} onChange={e => setLastName(e.target.value)} placeholder=\"Last Name\" />\n                        </div>\n                    </div>\n                </div>\n                <div class=\"field\">\n                    <label>Email ID</label>\n                    <input type=\"text\" value={email} placeholder=\"john@gmail.com\" onChange={e => setEmail(e.target.value)} />\n                </div>\n                <div class=\"field\">\n                    <label>Password</label>\n                    <input type=\"password\" value={pass} placeholder=\"Enter Password\" onChange={e => setPass(e.target.value)} />\n                </div>\n                <div class=\"field\">\n                    <div class=\"ui checkbox\">\n                        <input type=\"checkbox\" tabindex=\"0\" class=\"hidden\" />\n                        <label>I agree to the Terms and Conditions</label>\n                    </div>\n                </div>\n                <button class=\"ui button\" type=\"submit\" onClick={formSubmit}>Submit</button>\n            </form>\n        </div>\n    );\n}\n\nexport default SignIn;","/Users/sanyam/Projects/ekart/eCommerce-React/src/Components/Carousel.js",["101","102","103"],"import React from 'react';\nimport \"react-responsive-carousel/lib/styles/carousel.min.css\"; // requires a loader\nimport { Carousel } from 'react-responsive-carousel';\n\nimport '../css/MyCarousel.css';\n\nconst MyCarousel = () => {\n\n    return (\n        <div className=\"myCarousel\">\n            <Carousel autoPlay interval={4000}\n                infiniteLoop={true}>\n                <div>\n                    <img src=\"/images/Carousel/img1.jpg\" />\n                    {/* <p className=\"legend\">Legend 1</p> */}\n                </div>\n                <div>\n                    <img src=\"/images/Carousel/img2.jpg\" />\n                    {/* <p className=\"legend\">Legend 2</p> */}\n                </div>\n                <div>\n                    <img src=\"/images/Carousel/img3.jpg\" />\n                    {/* <p className=\"legend\">Legend 3</p> */}\n                </div>\n            </Carousel>\n        </div>\n\n    );\n\n}\n\nexport default MyCarousel;","/Users/sanyam/Projects/ekart/eCommerce-React/src/Components/Item.js",[],"/Users/sanyam/Projects/ekart/eCommerce-React/src/Components/CartItem.js",["104","105"],"import React, { useEffect } from 'react';\nimport { connect } from 'react-redux';\n\nimport '../css/CartItem.css';\nimport { removeFromCart } from '../action';\n\nconst CartItem = (props) => {\n\n    const remove = () => {\n        props.removeFromCart(props.obj.id);\n        console.log('clicked');\n    }\n\n\n    return (\n        <div className=\"cartItem\">\n            <div onClick={remove}>\n                <i class=\"window close icon\" ></i>\n            </div>\n            <div className=\"itemImage\">\n                <img src={props.obj.img} />\n            </div>\n            <div className=\"itemInfo\">\n                <div className=\"itemTitle\">\n                    {props.obj.title}\n                </div>\n                <div className=\"Price\">\n                    Price : <span className=\"spaceIt\">{props.obj.price}</span>\n                </div>\n                <div>\n                    Quantity : <span className=\"spaceIt\">{props.obj.quantity}</span>\n                </div>\n                <div>\n                    Total = <span className=\"spaceIt\">{(parseInt(props.obj.price.replace(/,/g, '')) * props.obj.quantity).toLocaleString()}</span>\n                </div>\n            </div>\n\n        </div>\n\n    );\n}\n\n// const mapStateToProps = state => {\n//     return {\n//         itemById: state.itemById,\n//     };\n// }\n\nexport default connect(null, { removeFromCart })(CartItem);","/Users/sanyam/Projects/ekart/eCommerce-React/src/action/index.js",[],"/Users/sanyam/Projects/ekart/eCommerce-React/src/Components/AddSubItem.js",["106"],"import React from 'react';\nimport { connect } from 'react-redux';\nimport { addItem, subItem, getProducts } from '../action';\n\nconst AddSubItem = (props) => {\n    const addOnClick = (id) => {\n        props.addItem(id);\n    }\n\n    const subOnClick = (id) => {\n        props.subItem(id);\n    }\n\n    return (\n        <div className=\"AddSubButton\">\n            <button className=\"ui small primary button\" onClick={() => subOnClick(props.id)}>\n                -\n            </button>\n            <div className=\"countItem\" >\n                {props.items[props.id]}\n            </div>\n            <button className=\"ui small button\" onClick={() => addOnClick(props.id)}>\n                +\n            </button>\n        </div>\n    );\n}\n\nconst mapStateToProps = state => {\n    return { items: state.items };\n}\n\nexport default connect(mapStateToProps, { addItem, subItem })(AddSubItem);",{"ruleId":"107","replacedBy":"108"},{"ruleId":"109","replacedBy":"110"},{"ruleId":"111","severity":1,"message":"112","line":12,"column":8,"nodeType":"113","endLine":12,"endColumn":10,"suggestions":"114"},{"ruleId":"111","severity":1,"message":"112","line":11,"column":8,"nodeType":"113","endLine":11,"endColumn":10,"suggestions":"115"},{"ruleId":"111","severity":1,"message":"112","line":11,"column":8,"nodeType":"113","endLine":11,"endColumn":10,"suggestions":"116"},{"ruleId":"117","severity":1,"message":"118","line":6,"column":10,"nodeType":"119","messageId":"120","endLine":6,"endColumn":16},{"ruleId":"111","severity":1,"message":"112","line":12,"column":8,"nodeType":"113","endLine":12,"endColumn":10,"suggestions":"121"},{"ruleId":"111","severity":1,"message":"112","line":11,"column":8,"nodeType":"113","endLine":11,"endColumn":10,"suggestions":"122"},{"ruleId":"117","severity":1,"message":"123","line":1,"column":27,"nodeType":"119","messageId":"120","endLine":1,"endColumn":36},{"ruleId":"117","severity":1,"message":"124","line":17,"column":15,"nodeType":"119","messageId":"120","endLine":17,"endColumn":23},{"ruleId":"111","severity":1,"message":"112","line":13,"column":8,"nodeType":"113","endLine":13,"endColumn":10,"suggestions":"125"},{"ruleId":"126","severity":1,"message":"127","line":7,"column":13,"nodeType":"128","endLine":7,"endColumn":48},{"ruleId":"129","severity":1,"message":"130","line":14,"column":21,"nodeType":"128","endLine":14,"endColumn":88},{"ruleId":"129","severity":1,"message":"130","line":17,"column":21,"nodeType":"128","endLine":17,"endColumn":76},{"ruleId":"129","severity":1,"message":"130","line":20,"column":21,"nodeType":"128","endLine":20,"endColumn":99},{"ruleId":"117","severity":1,"message":"124","line":16,"column":15,"nodeType":"119","messageId":"120","endLine":16,"endColumn":23},{"ruleId":"126","severity":1,"message":"127","line":14,"column":21,"nodeType":"128","endLine":14,"endColumn":60},{"ruleId":"126","severity":1,"message":"127","line":18,"column":21,"nodeType":"128","endLine":18,"endColumn":60},{"ruleId":"126","severity":1,"message":"127","line":22,"column":21,"nodeType":"128","endLine":22,"endColumn":60},{"ruleId":"117","severity":1,"message":"123","line":1,"column":17,"nodeType":"119","messageId":"120","endLine":1,"endColumn":26},{"ruleId":"126","severity":1,"message":"127","line":21,"column":17,"nodeType":"128","endLine":21,"endColumn":44},{"ruleId":"117","severity":1,"message":"131","line":3,"column":28,"nodeType":"119","messageId":"120","endLine":3,"endColumn":39},"no-native-reassign",["132"],"no-negated-in-lhs",["133"],"react-hooks/exhaustive-deps","React Hook useEffect has a missing dependency: 'props'. Either include it or remove the dependency array. However, 'props' will change when *any* prop changes, so the preferred fix is to destructure the 'props' object outside of the useEffect call and refer to those specific props inside useEffect.","ArrayExpression",["134"],["135"],["136"],"no-unused-vars","'render' is defined but never used.","Identifier","unusedVar",["137"],["138"],"'useEffect' is defined but never used.","'response' is assigned a value but never used.",["139"],"jsx-a11y/alt-text","img elements must have an alt prop, either with meaningful text, or an empty string for decorative images.","JSXOpeningElement","react/jsx-no-target-blank","Using target=\"_blank\" without rel=\"noreferrer\" is a security risk: see https://html.spec.whatwg.org/multipage/links.html#link-type-noopener","'getProducts' is defined but never used.","no-global-assign","no-unsafe-negation",{"desc":"140","fix":"141"},{"desc":"140","fix":"142"},{"desc":"140","fix":"143"},{"desc":"140","fix":"144"},{"desc":"140","fix":"145"},{"desc":"140","fix":"146"},"Update the dependencies array to be: [props]",{"range":"147","text":"148"},{"range":"149","text":"148"},{"range":"150","text":"148"},{"range":"151","text":"148"},{"range":"152","text":"148"},{"range":"153","text":"148"},[282,284],"[props]",[283,285],[286,288],[351,353],[285,287],[285,287]]
\ No newline at end of file
diff --git a/src/Components/Footer.js b/src/Components/Footer.js
index 8e61eb7..15bfa86 100644
--- a/src/Components/Footer.js
+++ b/src/Components/Footer.js
@@ -8,19 +8,15 @@ const Footer = () => {
             <div className="mainInfo">
                 <div className="copyrightAndName">
                     <i class="copyright outline icon big"></i>
-                    <span className="year">2021 - </span>
-                    <img src="/images/myname.png" />
+                    <span className="year">2021 - Sanyam Jha </span>
                 </div>
                 <div className="icons">
-                    {/* <i class="envelope icon huge"></i> */}
-                    {/* <i class="facebook icon"></i> */}
                     <a href="https://www.facebook.com/ThePiyushSharan" target="_blank">
                         <i class="facebook f icon huge"></i>
                     </a>
                     <a href="https://github.com/pi-sharan" target="_blank">
                         <i class="github icon huge"></i>
                     </a>
-                    {/* <i class="instagram icon huge"></i> */}
                     <a href="https://www.linkedin.com/in/piyush-sharan-16456645/" target="_blank">
                         <i class="linkedin icon huge"></i>
                     </a>
diff --git a/src/css/Footer.css b/src/css/Footer.css
index d65895a..db5b601 100644
--- a/src/css/Footer.css
+++ b/src/css/Footer.css
@@ -14,7 +14,7 @@
 
 .Footer > img {
     border-radius: 20%;
-    height:150px;
+    height: 3cm;
     width: auto;
     margin-left: 20px;
 }