-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy path.eslintcache
1 lines (1 loc) · 72.9 KB
/
.eslintcache
1
[{"D:\\DMS-2.0\\DMS-2.0\\src\\index.js":"1","D:\\DMS-2.0\\DMS-2.0\\src\\App.js":"2","D:\\DMS-2.0\\DMS-2.0\\src\\pages\\home.jsx":"3","D:\\DMS-2.0\\DMS-2.0\\src\\pages\\Listing.jsx":"4","D:\\DMS-2.0\\DMS-2.0\\src\\pages\\Info.jsx":"5","D:\\DMS-2.0\\DMS-2.0\\src\\pages\\SearchListing.jsx":"6","D:\\DMS-2.0\\DMS-2.0\\src\\config\\firebase.js":"7","D:\\DMS-2.0\\DMS-2.0\\src\\components\\Products\\index.js":"8","D:\\DMS-2.0\\DMS-2.0\\src\\components\\Navbar\\index.js":"9","D:\\DMS-2.0\\DMS-2.0\\src\\components\\Footer\\index.js":"10","D:\\DMS-2.0\\DMS-2.0\\src\\components\\Catagories\\index.js":"11","D:\\DMS-2.0\\DMS-2.0\\src\\components\\Hero\\index.js":"12","D:\\DMS-2.0\\DMS-2.0\\src\\components\\Info\\index.js":"13","D:\\DMS-2.0\\DMS-2.0\\src\\components\\Shopbycategories\\index.js":"14","D:\\DMS-2.0\\DMS-2.0\\src\\components\\Homepagemenu\\index.js":"15","D:\\DMS-2.0\\DMS-2.0\\src\\components\\Ourservices\\index.js":"16","D:\\DMS-2.0\\DMS-2.0\\src\\components\\Homepagemenu2\\index.js":"17","D:\\DMS-2.0\\DMS-2.0\\src\\components\\SubscribeComponent\\index.js":"18","D:\\DMS-2.0\\DMS-2.0\\src\\components\\BestSellers\\index.js":"19","D:\\DMS-2.0\\DMS-2.0\\src\\components\\Catagories\\SidebarData.js":"20","D:\\DMS-2.0\\DMS-2.0\\src\\components\\Reusable\\Product Card\\Card.jsx":"21","D:\\DMS-2.0\\DMS-2.0\\src\\components\\Relatedproduct\\index.js":"22","C:\\Users\\Dell\\Desktop\\DMS-2.0\\src\\index.js":"23","C:\\Users\\Dell\\Desktop\\DMS-2.0\\src\\App.js":"24","C:\\Users\\Dell\\Desktop\\DMS-2.0\\src\\pages\\Listing.jsx":"25","C:\\Users\\Dell\\Desktop\\DMS-2.0\\src\\pages\\Info.jsx":"26","C:\\Users\\Dell\\Desktop\\DMS-2.0\\src\\pages\\SearchListing.jsx":"27","C:\\Users\\Dell\\Desktop\\DMS-2.0\\src\\pages\\home.jsx":"28","C:\\Users\\Dell\\Desktop\\DMS-2.0\\src\\config\\firebase.js":"29","C:\\Users\\Dell\\Desktop\\DMS-2.0\\src\\components\\Navbar\\index.js":"30","C:\\Users\\Dell\\Desktop\\DMS-2.0\\src\\components\\Catagories\\index.js":"31","C:\\Users\\Dell\\Desktop\\DMS-2.0\\src\\components\\Hero\\index.js":"32","C:\\Users\\Dell\\Desktop\\DMS-2.0\\src\\components\\Info\\index.js":"33","C:\\Users\\Dell\\Desktop\\DMS-2.0\\src\\components\\Footer\\index.js":"34","C:\\Users\\Dell\\Desktop\\DMS-2.0\\src\\components\\Homepagemenu\\index.js":"35","C:\\Users\\Dell\\Desktop\\DMS-2.0\\src\\components\\Products\\index.js":"36","C:\\Users\\Dell\\Desktop\\DMS-2.0\\src\\components\\Shopbycategories\\index.js":"37","C:\\Users\\Dell\\Desktop\\DMS-2.0\\src\\components\\Homepagemenu2\\index.js":"38","C:\\Users\\Dell\\Desktop\\DMS-2.0\\src\\components\\BestSellers\\index.js":"39","C:\\Users\\Dell\\Desktop\\DMS-2.0\\src\\components\\Ourservices\\index.js":"40","C:\\Users\\Dell\\Desktop\\DMS-2.0\\src\\components\\SubscribeComponent\\index.js":"41","C:\\Users\\Dell\\Desktop\\DMS-2.0\\src\\components\\Catagories\\SidebarData.js":"42","C:\\Users\\Dell\\Desktop\\DMS-2.0\\src\\components\\Reusable\\Product Card\\Card.jsx":"43","C:\\Users\\Dell\\Desktop\\DMS-2.0\\src\\components\\Relatedproduct\\index.js":"44"},{"size":153,"mtime":1614326088488,"results":"45","hashOfConfig":"46"},{"size":676,"mtime":1614345231740,"results":"47","hashOfConfig":"46"},{"size":974,"mtime":1614326088490,"results":"48","hashOfConfig":"46"},{"size":1068,"mtime":1614326088490,"results":"49","hashOfConfig":"46"},{"size":1131,"mtime":1614326088489,"results":"50","hashOfConfig":"46"},{"size":1617,"mtime":1614348857271,"results":"51","hashOfConfig":"46"},{"size":701,"mtime":1614326088488,"results":"52","hashOfConfig":"46"},{"size":829,"mtime":1614425539885,"results":"53","hashOfConfig":"46"},{"size":1692,"mtime":1614326088478,"results":"54","hashOfConfig":"46"},{"size":2952,"mtime":1614348767472,"results":"55","hashOfConfig":"46"},{"size":2589,"mtime":1614326088469,"results":"56","hashOfConfig":"46"},{"size":1293,"mtime":1614326088472,"results":"57","hashOfConfig":"46"},{"size":6834,"mtime":1614425539835,"results":"58","hashOfConfig":"46"},{"size":2790,"mtime":1614425539845,"results":"59","hashOfConfig":"46"},{"size":5116,"mtime":1614425539825,"results":"60","hashOfConfig":"46"},{"size":2385,"mtime":1614326088480,"results":"61","hashOfConfig":"46"},{"size":5469,"mtime":1614425539830,"results":"62","hashOfConfig":"46"},{"size":683,"mtime":1614326088487,"results":"63","hashOfConfig":"46"},{"size":1605,"mtime":1614348767470,"results":"64","hashOfConfig":"46"},{"size":961,"mtime":1614326088467,"results":"65","hashOfConfig":"46"},{"size":1763,"mtime":1614425595693,"results":"66","hashOfConfig":"46"},{"size":5218,"mtime":1614425539841,"results":"67","hashOfConfig":"46"},{"size":147,"mtime":1614530420000,"results":"68","hashOfConfig":"69"},{"size":649,"mtime":1614530420000,"results":"70","hashOfConfig":"69"},{"size":1037,"mtime":1614530420000,"results":"71","hashOfConfig":"69"},{"size":1097,"mtime":1614530420000,"results":"72","hashOfConfig":"69"},{"size":916,"mtime":1614530420000,"results":"73","hashOfConfig":"69"},{"size":942,"mtime":1614530420000,"results":"74","hashOfConfig":"69"},{"size":677,"mtime":1614530420000,"results":"75","hashOfConfig":"69"},{"size":1643,"mtime":1614530420000,"results":"76","hashOfConfig":"69"},{"size":2519,"mtime":1614530420000,"results":"77","hashOfConfig":"69"},{"size":1248,"mtime":1614530420000,"results":"78","hashOfConfig":"69"},{"size":7679,"mtime":1614530420000,"results":"79","hashOfConfig":"69"},{"size":2512,"mtime":1614530420000,"results":"80","hashOfConfig":"69"},{"size":4980,"mtime":1614530420000,"results":"81","hashOfConfig":"69"},{"size":1977,"mtime":1614530420000,"results":"82","hashOfConfig":"69"},{"size":2717,"mtime":1614530420000,"results":"83","hashOfConfig":"69"},{"size":5343,"mtime":1614530420000,"results":"84","hashOfConfig":"69"},{"size":1325,"mtime":1614530420000,"results":"85","hashOfConfig":"69"},{"size":2311,"mtime":1614530420000,"results":"86","hashOfConfig":"69"},{"size":663,"mtime":1614530420000,"results":"87","hashOfConfig":"69"},{"size":932,"mtime":1614530420000,"results":"88","hashOfConfig":"69"},{"size":1949,"mtime":1614530420000,"results":"89","hashOfConfig":"69"},{"size":5068,"mtime":1614530420000,"results":"90","hashOfConfig":"69"},{"filePath":"91","messages":"92","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"93"},"e11qoi",{"filePath":"94","messages":"95","errorCount":0,"warningCount":2,"fixableErrorCount":0,"fixableWarningCount":0,"source":"96","usedDeprecatedRules":"93"},{"filePath":"97","messages":"98","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"93"},{"filePath":"99","messages":"100","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"93"},{"filePath":"101","messages":"102","errorCount":0,"warningCount":1,"fixableErrorCount":0,"fixableWarningCount":0,"source":"103","usedDeprecatedRules":"93"},{"filePath":"104","messages":"105","errorCount":0,"warningCount":1,"fixableErrorCount":0,"fixableWarningCount":1,"source":"106","usedDeprecatedRules":"93"},{"filePath":"107","messages":"108","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"93"},{"filePath":"109","messages":"110","errorCount":0,"warningCount":1,"fixableErrorCount":0,"fixableWarningCount":0,"source":"111"},{"filePath":"112","messages":"113","errorCount":0,"warningCount":6,"fixableErrorCount":0,"fixableWarningCount":0,"source":"114","usedDeprecatedRules":"93"},{"filePath":"115","messages":"116","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"93"},{"filePath":"117","messages":"118","errorCount":0,"warningCount":1,"fixableErrorCount":0,"fixableWarningCount":0,"source":"119","usedDeprecatedRules":"93"},{"filePath":"120","messages":"121","errorCount":0,"warningCount":2,"fixableErrorCount":0,"fixableWarningCount":0,"source":"122","usedDeprecatedRules":"93"},{"filePath":"123","messages":"124","errorCount":0,"warningCount":8,"fixableErrorCount":0,"fixableWarningCount":0,"source":"125"},{"filePath":"126","messages":"127","errorCount":0,"warningCount":5,"fixableErrorCount":0,"fixableWarningCount":0,"source":"128"},{"filePath":"129","messages":"130","errorCount":0,"warningCount":11,"fixableErrorCount":0,"fixableWarningCount":0,"source":"131"},{"filePath":"132","messages":"133","errorCount":0,"warningCount":2,"fixableErrorCount":0,"fixableWarningCount":0,"source":"134","usedDeprecatedRules":"93"},{"filePath":"135","messages":"136","errorCount":0,"warningCount":8,"fixableErrorCount":0,"fixableWarningCount":0,"source":"137"},{"filePath":"138","messages":"139","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"93"},{"filePath":"140","messages":"141","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"93"},{"filePath":"142","messages":"143","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"93"},{"filePath":"144","messages":"145","errorCount":0,"warningCount":4,"fixableErrorCount":0,"fixableWarningCount":1,"source":null},{"filePath":"146","messages":"147","errorCount":0,"warningCount":13,"fixableErrorCount":0,"fixableWarningCount":0,"source":"148"},{"filePath":"149","messages":"150","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},"vf7t6y",{"filePath":"151","messages":"152","errorCount":0,"warningCount":2,"fixableErrorCount":0,"fixableWarningCount":0,"source":null},{"filePath":"153","messages":"154","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"155","messages":"156","errorCount":0,"warningCount":1,"fixableErrorCount":0,"fixableWarningCount":0,"source":null},{"filePath":"157","messages":"158","errorCount":0,"warningCount":2,"fixableErrorCount":0,"fixableWarningCount":0,"source":null},{"filePath":"159","messages":"160","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"161","messages":"162","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"163","messages":"164","errorCount":0,"warningCount":6,"fixableErrorCount":0,"fixableWarningCount":0,"source":null},{"filePath":"165","messages":"166","errorCount":0,"warningCount":1,"fixableErrorCount":0,"fixableWarningCount":0,"source":null},{"filePath":"167","messages":"168","errorCount":0,"warningCount":2,"fixableErrorCount":0,"fixableWarningCount":0,"source":null},{"filePath":"169","messages":"170","errorCount":0,"warningCount":8,"fixableErrorCount":0,"fixableWarningCount":0,"source":null},{"filePath":"171","messages":"172","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"173","messages":"174","errorCount":0,"warningCount":11,"fixableErrorCount":0,"fixableWarningCount":0,"source":null},{"filePath":"175","messages":"176","errorCount":0,"warningCount":2,"fixableErrorCount":0,"fixableWarningCount":0,"source":null},{"filePath":"177","messages":"178","errorCount":0,"warningCount":5,"fixableErrorCount":0,"fixableWarningCount":0,"source":null},{"filePath":"179","messages":"180","errorCount":0,"warningCount":8,"fixableErrorCount":0,"fixableWarningCount":0,"source":null},{"filePath":"181","messages":"182","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"183","messages":"184","errorCount":0,"warningCount":2,"fixableErrorCount":0,"fixableWarningCount":0,"source":null},{"filePath":"185","messages":"186","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"187","messages":"188","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"189","messages":"190","errorCount":0,"warningCount":2,"fixableErrorCount":0,"fixableWarningCount":0,"source":null},{"filePath":"191","messages":"192","errorCount":0,"warningCount":13,"fixableErrorCount":0,"fixableWarningCount":0,"source":null},"D:\\DMS-2.0\\DMS-2.0\\src\\index.js",[],["193","194"],"D:\\DMS-2.0\\DMS-2.0\\src\\App.js",["195","196"],"import React, { useState, useEffect } from 'react';\r\nimport './App.css';\r\n\r\nimport Home from './pages/home';\r\nimport Listing from './pages/Listing';\r\nimport Info from './pages/Info';\r\nimport SearchListing from './pages/SearchListing';\r\n\r\n\r\nimport { BrowserRouter as Router,Switch,Route } from 'react-router-dom';\r\n\r\n\r\nconst App = () => {\r\n return (\r\n <Router>\r\n <Switch>\r\n <Route exact path=\"/\" component={Home} />\r\n <Route path=\"/listing/*\" component={Listing} />\r\n <Route path=\"/Info/\" component={Info} />\r\n <Route path=\"/searchListing/*\" component={SearchListing} />\r\n </Switch>\r\n </Router>\r\n );\r\n};\r\n\r\nexport default App;\r\n","D:\\DMS-2.0\\DMS-2.0\\src\\pages\\home.jsx",[],"D:\\DMS-2.0\\DMS-2.0\\src\\pages\\Listing.jsx",[],"D:\\DMS-2.0\\DMS-2.0\\src\\pages\\Info.jsx",["197"],"import React,{useState,useEffect} from 'react';\r\nimport Navbar from '../components/Navbar';\r\nimport Catagories from '../components/Catagories';\r\nimport FooterComponent from '../components/Footer';\r\nimport ImageSlider from '../components/Hero';\r\nimport InfoComponent from '../components/Info';\r\nimport { db } from '../config/firebase';\r\n\r\n\r\nconst Info = (props) => {\r\n const [item,setItem] = useState({});\r\n const [isLoaded,setIsLoaded] = useState(false);\r\n\r\n useEffect(()=>{\r\n db.ref(`${props.location.pathname.split(\"/\")[2].toLowerCase()}/${props.location.pathname.split(\"/\")[3]}`).on(\"value\", snap => {\r\n setItem(snap.val());\r\n console.log(snap.val());\r\n setIsLoaded(true);\r\n })\r\n },[props])\r\n if(!isLoaded) return <div>Loading......</div>\r\n return(\r\n <>\r\n <div className=\"sticky\">\r\n <Navbar />\r\n <Catagories />\r\n </div>\r\n {/* <ImageSlider /> */}\r\n <InfoComponent data={item} isLoaded={isLoaded} props={props}/>\r\n <FooterComponent />\r\n </>\r\n )\r\n}\r\n\r\nexport default Info;","D:\\DMS-2.0\\DMS-2.0\\src\\pages\\SearchListing.jsx",["198"],"import React,{useEffect,useState} from 'react';\r\nimport Navbar from '../components/Navbar';\r\nimport Catagories from '../components/Catagories';\r\nimport FooterComponent from '../components/Footer';\r\nimport ImageSlider from '../components/Hero';\r\nimport Products from '../components/Products';\r\nimport { db } from '../config/firebase';\r\n\r\n\r\nconst SearchListing = (props) => {\r\n const [items,setItems] = useState([]);\r\n const [isLoaded,setIsLoaded] = useState(false);\r\n\r\n useEffect( ()=>{\r\n let arr=[];\r\n db.ref('searchList/').orderByChild('term').startAt(props.location.pathname.split(\"/\")[2]).endAt(`${props.location.pathname.split(\"/\")[2]}\\uf8ff`).once(\"value\",snap=> {\r\n // console.log(Object.values(snap.val())[0].category);\r\n if(snap.val())\r\n db.ref(`${Object.values(snap.val())[0].category}/`).orderByChild('term').startAt(props.location.pathname.split(\"/\")[2]).endAt(`${props.location.pathname.split(\"/\")[2]}\\uf8ff`).once(\"value\",data=> {\r\n console.log(data.val());\r\n arr=[... Object.values(data.val())];\r\n // arr=arr.slice(1);\r\n console.log(arr);\r\n setItems(arr);\r\n });\r\n setIsLoaded(true); \r\n });\r\n \r\n },[props])\r\n\r\n return(\r\n <>\r\n <div className=\"sticky\">\r\n <Navbar />\r\n <Catagories />\r\n </div>\r\n <ImageSlider />\r\n <Products items={items} isLoaded={isLoaded} props={props}/>\r\n <FooterComponent />\r\n </>\r\n )\r\n}\r\n\r\nexport default SearchListing;","D:\\DMS-2.0\\DMS-2.0\\src\\config\\firebase.js",[],"D:\\DMS-2.0\\DMS-2.0\\src\\components\\Products\\index.js",["199"],"import React, { useState,useEffect } from 'react';\r\nimport Card from \"../Reusable/Product Card/Card\";\r\nimport { Link } from \"react-router-dom\";\r\nimport loader from '../../assets/loading-200px.gif';\r\n\r\nfunction Products({items,isLoaded}) {\r\n\r\n useEffect(()=> {\r\n \r\n });\r\n\r\n if(!isLoaded)\r\n return (<div className='loader'> <img src={loader} alt=\"Loading...\" /> </div>)\r\n if(items.length === 0)\r\n return (<div>No items found</div>)\r\n return (\r\n <>\r\n <div className='products'>\r\n {items.map(element=>\r\n <Link to={`/info/${element.category}/${element.id}`} key={element.id} >\r\n <Card name={element.name} img={element.img} />\r\n </Link>\r\n )}\r\n </div> \r\n </>\r\n )\r\n}\r\n\r\nexport default Products\r\n","D:\\DMS-2.0\\DMS-2.0\\src\\components\\Navbar\\index.js",["200","201","202","203","204","205"],"import React from 'react';\r\nimport * as FaIcons from 'react-icons/fa';\r\nimport * as FiIcons from 'react-icons/fi';\r\nimport * as BsiIcons from 'react-icons/bs';\r\nimport { Link } from 'react-router-dom';\r\nimport './index.css';\r\n\r\nimport product from '../../assets/product.svg';\r\nimport heart from '../../assets/heart.svg';\r\n\r\n\r\nfunction Navbar() {\r\n return (\r\n <>\r\n <div className=\"Navbar\">\r\n <div className=\"logo\">\r\n <Link to=\"/\"><h2>DMSNE</h2></Link>\r\n </div>\r\n <div className=\"Search-Bar\">\r\n <form onSubmit={(e)=>{e.preventDefault();window.location.replace(`/searchListing/${e.target[0].value}`);}}>\r\n <input class=\"search__input\" type=\"text\" name=\"search\" placeholder=\" Search...\" name=\"search\" />\r\n </form>\r\n </div>\r\n <div className=\"nav-wrapper\">\r\n <div className=\"profile\" >\r\n <Link to='#' className='menu-bars'>\r\n <div>\r\n <img src={product} />\r\n <p>Product</p>\r\n </div>\r\n </Link>\r\n </div>\r\n <div className=\"wishlist\">\r\n <Link to='#' className='menu-bars'>\r\n <div>\r\n <img src={heart} />\r\n <p>Wishlist</p>\r\n </div>\r\n </Link>\r\n </div>\r\n \r\n </div>\r\n </div>\r\n </>\r\n )\r\n}\r\n\r\nexport default Navbar;\r\n","D:\\DMS-2.0\\DMS-2.0\\src\\components\\Footer\\index.js",[],"D:\\DMS-2.0\\DMS-2.0\\src\\components\\Catagories\\index.js",["206"],"import React, { useState } from \"react\";\r\nimport * as FaIcons from \"react-icons/fa\";\r\nimport * as AiIcons from \"react-icons/ai\";\r\nimport { Link } from \"react-router-dom\";\r\nimport { SidebarData } from \"./SidebarData\";\r\nimport \"./index.css\";\r\nimport { IconContext } from \"react-icons\";\r\n\r\nfunction Navbar() {\r\n const [sidebar, setSidebar] = useState(false);\r\n\r\n const showSidebar = () => setSidebar(!sidebar);\r\n\r\n return (\r\n <>\r\n <IconContext.Provider value={{ color: \"#fff\" }}>\r\n <div className=\"navbar\">\r\n <div className=\"catagories-bar\">\r\n <Link to=\"#\" className=\"menu-bars\">\r\n <FaIcons.FaBars onClick={showSidebar} />\r\n </Link>\r\n <p className=\"catagories-desc\">See all Catagories</p>\r\n <div className=\"triangle\"></div>\r\n </div>\r\n\r\n <Link className=\"linkStyle\" to=\"/listing/Printing Material\">\r\n <p className=\"display-catagories\">Printing Material</p>\r\n </Link>\r\n <Link className=\"linkStyle\" to=\"/listing/Printing Service\">\r\n <p className=\"display-catagories\">Printing Services</p>\r\n </Link>\r\n <Link className=\"linkStyle\" to=\"/listing/machinary\">\r\n <p className=\"display-catagories\">Printing Machinary</p>\r\n </Link>\r\n <Link className=\"linkStyle\" to=\"/listing/machinary\">\r\n <p className=\"display-catagories\">Clothing</p>\r\n </Link>\r\n <Link className=\"linkStyle\" to=\"/listing/hardware\">\r\n <p className=\"display-catagories\">Electronics</p>\r\n </Link>\r\n <Link className=\"linkStyle\" to=\"/listing/hardware\">\r\n <p className=\"display-catagories\">IT & Computer Acessories</p>\r\n </Link>\r\n <a className=\"display-catagories\">Web & App Development</a>\r\n </div>\r\n <nav className={sidebar ? \"nav-menu active\" : \"nav-menu\"}>\r\n <ul className=\"nav-menu-items\" onClick={showSidebar}>\r\n <li className=\"navbar-toggle\">\r\n <Link to=\"#\" className=\"menu-bars\">\r\n <AiIcons.AiOutlineClose />\r\n </Link>\r\n </li>\r\n {SidebarData.map((item, index) => {\r\n return (\r\n <li key={index} className={item.cName}>\r\n <Link to={item.path}>\r\n {item.icon}\r\n <span>{item.title}</span>\r\n </Link>\r\n </li>\r\n );\r\n })}\r\n </ul>\r\n </nav>\r\n </IconContext.Provider>\r\n </>\r\n );\r\n}\r\n\r\nexport default Navbar;\r\n","D:\\DMS-2.0\\DMS-2.0\\src\\components\\Hero\\index.js",["207","208"],"import React, { useState,useEffect } from \"react\";\r\nimport './index.css';\r\nimport img from \"../../assets/banner3.jpg\";\r\nimport img2 from \"../../assets/banner2.jpg\";\r\nimport img3 from \"../../assets/banner1.jpg\";\r\n\r\nconst ImageSlider = () => { // takes in images as props\r\n \r\n const images = [img,\r\n img2,\r\n img3\r\n] \r\n const [index, setIndex] = useState(0); // create state to keep track of images index, set the default index to 0\r\n\r\n const slideRight = () => {\r\n setIndex((index + 1) % images.length); // increases index by 1\r\n };\r\n\r\n const slideLeft = () => {\r\n const nextIndex = index - 1;\r\n if (nextIndex < 0) {\r\n setIndex(images.length - 1); // returns last index of images array if index is less than 0\r\n } else {\r\n setIndex(nextIndex);\r\n }\r\n };\r\n\r\n useEffect(() => {\r\n const interval = setInterval(() => {\r\n slideLeft();\r\n }, 5000);\r\n return () => clearInterval(interval);\r\n }, [slideLeft]);\r\n\r\n return (\r\n images.length > 0 && (\r\n <div>\r\n {/* <button onClick={slideLeft}>{\"<\"}</button> */}\r\n <img className='banner-img' src={images[index]} alt={index} />\r\n {/* <button onClick={slideRight}>{\">\"}</button> */}\r\n </div>\r\n )\r\n );\r\n};\r\n\r\nexport default ImageSlider;","D:\\DMS-2.0\\DMS-2.0\\src\\components\\Info\\index.js",["209","210","211","212","213","214","215","216"],"import React, { useState,useEffect } from \"react\";\r\nimport \"./index.css\";\r\nimport { Link } from \"react-router-dom\";\r\n\r\nimport {\r\n SideBySideMagnifier,\r\n} from \"react-image-magnifiers\";\r\nimport \"./index.css\";\r\n\r\nimport paperCutterImg from \"../../assets/paper cutter_min.jpg\";\r\nimport paperCutterImgZoomed from \"../../assets/paper cutter1.jpg\";\r\n\r\nimport star_hollow from \"../../star_hollow.svg\";\r\n\r\nimport star_filled from \"../../star_filled.svg\";\r\nimport Relatedproduct from '../Relatedproduct';\r\n\r\nfunction Info({data,isLoaded}) {\r\n const [currentImage, setCurrentImage] = useState('');\r\n const [currentZoomedImage, setCurrentZoomedImage] = useState('');\r\n\r\n // setCurrentImage(data.img);\r\n // console.log(currentImage);\r\n \r\n let product_category = data.category;\r\n let product_id = data.id;\r\n console.log(product_id);\r\n console.log(data.name);\r\n\r\n useEffect(()=> {\r\n setCurrentImage(data.img);\r\n },[data.img])\r\n\r\n const changeImage = (clickedImage) => {\r\n setCurrentImage(clickedImage);\r\n setCurrentZoomedImage(clickedImage);\r\n };\r\n\r\n function hollowStars(params) {\r\n var x = Array(params)\r\n .fill()\r\n .map((curr, i) => {\r\n return <img src={star_filled} className=\"ratingStars\" />;\r\n });\r\n var y = Array(5 - params)\r\n .fill()\r\n .map((curr, i) => {\r\n return <img src={star_hollow} className=\"ratingStars\" />;\r\n });\r\n\r\n return x.concat(y);\r\n }\r\nif(!isLoaded) return <div>Loading......</div>\r\n\r\n\r\n return (\r\n <>\r\n <div className=\"productMain_parent\">\r\n <div class=\"productMain_left\">\r\n <div className=\"productMain-img\" id=\"productMain-il\">\r\n <SideBySideMagnifier\r\n fillAvailableSpace={true}\r\n imageSrc={currentImage}\r\n imageAlt=\"Example\"\r\n largeImageSrc={currentZoomedImage} // Optional\r\n />\r\n </div>\r\n <div className=\"productMain-divSmall\">\r\n <img\r\n className=\"productMain-imgSmall\"\r\n id=\"productMain-is1\"\r\n src=\"https://firebasestorage.googleapis.com/v0/b/dmsne-test.appspot.com/o/categories%2Fprinting_services%2Fpillow2.jpg?alt=media&token=a58a3a03-c9ff-43e3-a12e-823ab5909861\"\r\n onClick={() =>\r\n changeImage(\r\n \"https://firebasestorage.googleapis.com/v0/b/dmsne-test.appspot.com/o/categories%2Fprinting_services%2Fpillow2.jpg?alt=media&token=a58a3a03-c9ff-43e3-a12e-823ab5909861\"\r\n )\r\n }\r\n ></img>\r\n <img\r\n className=\"productMain-imgSmall\"\r\n id=\"productMain-is2\"\r\n src=\"https://img2.exportersindia.com/product_images/bc-full/2018/12/5968895/paper-cutter-1544000488-4534647.jpeg\"\r\n onClick={() =>\r\n changeImage(\r\n \"https://img2.exportersindia.com/product_images/bc-full/2018/12/5968895/paper-cutter-1544000488-4534647.jpeg\"\r\n )\r\n }\r\n ></img>\r\n <img\r\n className=\"productMain-imgSmall\"\r\n id=\"productMain-is3\"\r\n src=\"https://rukminim1.flixcart.com/image/352/352/jmqmpow0/paper-cutter/t/4/u/guillotine-12-inch-a4-size-guillotine-paper-cutter-loggas-original-imaf9ht8qcfdkvty.jpeg?q=70\"\r\n onClick={() =>\r\n changeImage(\r\n \"https://rukminim1.flixcart.com/image/352/352/jmqmpow0/paper-cutter/t/4/u/guillotine-12-inch-a4-size-guillotine-paper-cutter-loggas-original-imaf9ht8qcfdkvty.jpeg?q=70\"\r\n )\r\n }\r\n ></img>\r\n </div>\r\n </div>\r\n\r\n <div className=\"productMain_Right\">\r\n <div>\r\n <h2 className=\"prod-heading\">\r\n {data.name}\r\n </h2>\r\n <div className=\"prc-2ndLine\">\r\n <h3>\r\n {\" \"}\r\n RATINGS:\r\n {hollowStars(4)}\r\n </h3>\r\n <div className=\"prc-2ndLine-left\">\r\n <p className=\"blueFont\" id=\"ratings\">\r\n {\" \"}\r\n {data.total_ratings} Rating\r\n </p>\r\n <p\r\n style={{\r\n textAlign: \"center\",\r\n color:\"#3858a2\",\r\n marginLeft:\".2%\",\r\n marginRight:\".2%\",\r\n }}\r\n >\r\n |\r\n </p>\r\n <p className=\"blueFont\" id=\"comments\">\r\n {data.total_comment} Comment\r\n </p>\r\n </div>\r\n </div>\r\n <hr></hr>\r\n <h3 className=\"prod_desc_info\">Product Description</h3>\r\n <div className=\"prc-4thLine\">\r\n <p className=\"blueFont\">\r\n BRAND: <span>{data.brand}</span>\r\n </p>\r\n <p className=\"blueFont\">\r\n CATEGORY: <span>{data.category}</span>\r\n </p>\r\n </div>\r\n\r\n <div className=\"productInfo\">\r\n {data.product_desc}\r\n </div>\r\n\r\n <p className=\"originalPrice\">\r\n M.R.P : <del>{data.mrp}</del>{\" \"}\r\n </p>\r\n <p className=\"ourPrice\">\r\n Our Price: RS 899 <span>({data.offer}% OFF)</span>\r\n </p>\r\n\r\n <button className=\"btnContactUs\">CONTACT US</button>\r\n <br></br>\r\n </div>\r\n\r\n <div className=\"review-section\">\r\n <hr className=\"after2ndline\"></hr>\r\n <div className=\"prod-customerReview\">\r\n <h3 className=\"prod-cust_review\">Customer Reviews ({data.ratings})</h3>\r\n\r\n <div className=\"prod-singleReview\">\r\n <p>\r\n {data.reviews.review1.desc}\r\n </p>\r\n <div className=\"prod-reviewDetails\">\r\n <div className=\"prod-reviewDetails-nameDate\">\r\n <p>{data.reviews.review1.name} | </p>\r\n <p> {data.reviews.review1.date}</p>\r\n </div>\r\n <div>\r\n <p></p>\r\n <p></p>\r\n </div>\r\n </div>\r\n </div>\r\n <hr className=\"prod-hr-reviews\"></hr>\r\n </div>\r\n\r\n <div className=\"prod-singleReview\">\r\n <p>\r\n {data.reviews.review2.desc}\r\n </p>\r\n <div className=\"prod-reviewDetails\">\r\n <div className=\"prod-reviewDetails-nameDate\">\r\n <p>{data.reviews.review2.name} | </p>\r\n <p> {data.reviews.review2.date}</p>\r\n </div>\r\n <div>\r\n <p></p>\r\n <p></p>\r\n </div>\r\n </div>\r\n </div>\r\n <hr className=\"prod-hr-reviews\"></hr>\r\n </div>\r\n </div>\r\n </div>\r\n <Relatedproduct product_category={product_category} product_id={product_id} />\r\n {/* <Homepagemenu /> */}\r\n </>\r\n );\r\n}\r\n\r\nexport default Info;\r\n","D:\\DMS-2.0\\DMS-2.0\\src\\components\\Shopbycategories\\index.js",["217","218","219","220","221"],"import React from \"react\";\r\nimport * as FiIcons from \"react-icons/fi\";\r\nimport * as BsIcons from \"react-icons/bs\";\r\nimport { Link } from \"react-router-dom\";\r\nimport \"./index.css\";\r\nimport img from \"../../assets/burnfitness.png\";\r\nimport img1 from \"../../assets/bag.png\";\r\nimport img2 from \"../../assets/PC case.png\";\r\nimport img4 from \"../../assets/laptop headphone keyboard.png\";\r\nimport img3 from \"../../assets/model 1.png\";\r\nimport { IconContext } from \"react-icons\";\r\n\r\nfunction Shopbycategories() {\r\n return (\r\n <div className=\"shopbycategories-wrapper\">\r\n <div className=\"shopbycategories-heading\">\r\n <div className=\"shopbycategories-heading-bold\">\r\n <h1>CATEGORIES</h1>\r\n </div>\r\n <p>\r\n <span>\r\n <IconContext.Provider value={{ color: \"#32436b\", size: \"50px\" }}>\r\n <BsIcons.BsDash />\r\n </IconContext.Provider>\r\n </span>\r\n SHOP BY CATEGORIES\r\n </p>\r\n </div>\r\n <div className=\"shopbycategories-products\">\r\n <div className=\"product-div1\">\r\n <Link className=\"linkStyle\" to=\"/listing/hardware\">\r\n <img className=\"product-div1-img\" src={img1} />\r\n </Link>\r\n <p className=\"categories-product-name\">Handbags</p>\r\n <p className=\"categories-product-desc\">FW 2020 Limited Edition</p>\r\n </div>\r\n <div className=\"product-div2\">\r\n <div className=\"product-div-top\">\r\n <div style={{ width: \"80%\", margin: \"auto\" }}>\r\n <Link className=\"linkStyle\" to=\"/listing/hardware\">\r\n <img className=\"product-div-top-img\" src={img2} />\r\n </Link>\r\n <p className=\"categories-product-name\">\r\n IT and Computer Accessories\r\n </p>\r\n <p className=\"categories-product-desc\">\r\n 3CE 2019 Limited Edition\r\n </p>\r\n </div>\r\n </div>\r\n <div className=\"product-div-bottom\">\r\n <Link className=\"linkStyle\" to=\"/listing/machinary\">\r\n <img className=\"product-div-bottom-img\" src={img4} />\r\n </Link>\r\n <p className=\"categories-product-name\">Electronics</p>\r\n <p className=\"categories-product-desc\">\r\n Limited Edition Headphones\r\n </p>\r\n </div>\r\n </div>\r\n <div className=\"product-div3\">\r\n <Link className=\"linkStyle\" to=\"/listing/hardware\">\r\n <img className=\"product-div3-img\" src={img3} />\r\n </Link>\r\n <p className=\"categories-product-name\">Jumpers & Cardigans</p>\r\n <p className=\"categories-product-desc\">Cable Knitted Neck Sweater</p>\r\n </div>\r\n </div>\r\n </div>\r\n );\r\n}\r\n\r\nexport default Shopbycategories;\r\n","D:\\DMS-2.0\\DMS-2.0\\src\\components\\Homepagemenu\\index.js",["222","223","224","225","226","227","228","229","230","231","232"],"import React, { useEffect, useState } from \"react\";\r\nimport * as FiIcons from \"react-icons/fi\";\r\nimport * as BsIcons from \"react-icons/bs\";\r\nimport { Link } from \"react-router-dom\";\r\nimport \"./homepagestyle.css\";\r\nimport img1 from \"../../assets/cup.png\";\r\nimport img2 from \"../../assets/printing paper.png\";\r\nimport img3 from \"../../assets/capFinal.png\";\r\nimport heart_img from \"../../assets/heart.png\";\r\nimport love_icon from \"../../assets/loveicon.png\";\r\nimport { db } from \"../../config/firebase\";\r\nimport { IconContext } from \"react-icons\";\r\n\r\nfunction Homepagemenu() {\r\n const [items, setItems] = useState([]);\r\n const [isLoaded, setIsLoaded] = useState(false);\r\n\r\n const [heart, setHeart] = useState(false);\r\n const showHeart = () => setHeart(!heart);\r\n\r\n useEffect(() => {\r\n db.ref(\"printing service\").on(\"value\", (snap) => {\r\n setItems(Object.values(snap.val()));\r\n console.log(Object.values(snap.val())[0]);\r\n // console.log(Object.values(element.val()));\r\n setIsLoaded(true);\r\n });\r\n }, []);\r\n\r\n let product_1 = 1; // here 1 is the id of the first product.\r\n let product_2 = 2; // here 2 is the id of the second product.\r\n let product_3 = 3; // here 3 is the id of the third product.\r\n\r\n if (!isLoaded) return <div>Loading</div>;\r\n// console.log(items[product_3 - 1].name);\r\n\r\n return (\r\n <>\r\n <div className=\"menu\">\r\n <div className=\"menu-heading\">\r\n <div className=\"menu-heading-bold\">\r\n <h1>PRINTING</h1>\r\n <p>\r\n <span>\r\n <IconContext.Provider\r\n value={{ color: \"#32436b\", size: \"50px\" }}\r\n >\r\n <BsIcons.BsDash />\r\n </IconContext.Provider>\r\n </span>\r\n PRINTING SERVICES\r\n </p>\r\n </div>\r\n\r\n <p className=\"menu-view\">\r\n <Link className=\"linkStyle\" to=\"/listing/Printing Service\">\r\n View All\r\n </Link>\r\n <span>\r\n <IconContext.Provider value={{ color: \"#32436b\", size: \"25px\" }}>\r\n <FiIcons.FiArrowRight />\r\n </IconContext.Provider>\r\n </span>\r\n </p>\r\n </div>\r\n <div className=\"menu-products\">\r\n <div className=\"menu-product\">\r\n <div className=\"menu-product-img-background\">\r\n\r\n <div className=\"heartImgContainer\">\r\n {/* <img src={heart_img} className=\"heartImg\" /> */}\r\n {heart ? <img src={love_icon} className=\"loveImg\" onClick={showHeart} /> \r\n : <img src={heart_img} className=\"heartImg\" onClick={showHeart} /> }\r\n </div>\r\n\r\n <div className=\"menu-product-img\">\r\n <img src={items[product_1 - 1].img} />\r\n </div>\r\n <div className=\"menu-product-name\">\r\n {/* <p>Sublimation Magic Mug</p> */}\r\n <p>{items[product_1 - 1].name}</p>\r\n </div>\r\n </div>\r\n <div className=\"manu-product-btn\">\r\n <Link to={`/info/Printing Service/${product_1}`}>\r\n <button className=\"menu-btn\">VIEW NOW</button>\r\n </Link>\r\n </div>\r\n </div>\r\n <div className=\"menu-product\">\r\n <div className=\"menu-product-img-background\">\r\n <div className=\"heartImgContainer\">\r\n {/* <img src={heart_img} className=\"heartImg\" /> */}\r\n {heart ? <img src={love_icon} className=\"loveImg\" onClick={showHeart} /> \r\n : <img src={heart_img} className=\"heartImg\" onClick={showHeart} /> }\r\n </div>\r\n <div className=\"menu-product-img\">\r\n <img src={items[product_2 - 1].img} />\r\n </div>\r\n <div className=\"menu-product-name\">\r\n {/* <p>Printing Paper</p> */}\r\n <p>{items[product_2 - 1].name}</p>\r\n </div>\r\n </div>\r\n <div className=\"manu-product-btn\">\r\n <Link to={`/info/Printing Service/${product_2}`}>\r\n <button className=\"menu-btn\">VIEW NOW</button>\r\n </Link>\r\n </div>\r\n </div>\r\n <div className=\"menu-product\">\r\n <div className=\"menu-product-img-background\">\r\n <div className=\"heartImgContainer\">\r\n <img src={heart_img} className=\"heartImg\" />\r\n </div>\r\n <div className=\"menu-product-img\">\r\n <img src={items[product_3 - 1].img} />\r\n </div>\r\n <div className=\"menu-product-name\">\r\n {/* <p>Sublimation Cap</p> */}\r\n <p>{items[product_3 - 1].name}</p>\r\n </div>\r\n </div>\r\n <div className=\"manu-product-btn\">\r\n <Link to={`/info/Printing Service/${product_3}`}>\r\n <button className=\"menu-btn\">VIEW NOW</button>\r\n </Link>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </>\r\n );\r\n}\r\n\r\nexport default Homepagemenu;\r\n","D:\\DMS-2.0\\DMS-2.0\\src\\components\\Ourservices\\index.js",["233","234"],"import React from \"react\";\r\nimport * as FiIcons from \"react-icons/fi\";\r\nimport { Link } from \"react-router-dom\";\r\nimport \"./index.css\";\r\nimport * as BsIcons from \"react-icons/bs\";\r\nimport img from \"../../assets/burnfitness.png\";\r\nimport { IconContext } from \"react-icons\";\r\n\r\nfunction Ourservices() {\r\n return (\r\n <div className=\"service\">\r\n <div className=\"service-heading\">\r\n <div className=\"service-heading-bold\">\r\n <h1>SERVICES</h1>\r\n </div>\r\n <p>\r\n <span>\r\n <IconContext.Provider value={{ color: \"#32436b\", size: \"50px\" }}>\r\n <BsIcons.BsDash />\r\n </IconContext.Provider>\r\n </span>\r\n OUR SERVICES\r\n </p>\r\n </div>\r\n <div className=\"service-wrapper\">\r\n <Link className=\"div-left\" to=\"/listing/hardware\">\r\n {/* <div className=''> */}\r\n <div className=\"service-dec\">\r\n <p>LIVING IN COLORS</p>\r\n </div>\r\n {/* </div> */}\r\n </Link>\r\n <div className=\"div-right\">\r\n <div className=\"div-top\">\r\n <Link className=\"div-top-left\" to=\"/listing/hardware\">\r\n {/* <div className='div-top-left'> */}\r\n <div className=\"service-dec\">\r\n <p>LIVING IN COLORS</p>\r\n </div>\r\n {/* </div> */}\r\n </Link>\r\n <Link className=\"div-top-right\" to=\"/listing/hardware\">\r\n {/* <div className='div-top-right'> */}\r\n <div className=\"service-dec\">\r\n <p>LIVING IN COLORS</p>\r\n </div>\r\n {/* </div> */}\r\n </Link>\r\n </div>\r\n <div className=\"div-bottom\">\r\n <Link className=\"div-bottom-left\" to=\"/listing/hardware\">\r\n {/* <div className='div-bottom-left'> */}\r\n <div className=\"service-dec\">\r\n <p>LIVING IN COLORS</p>\r\n </div>\r\n {/* </div> */}\r\n </Link>\r\n <Link className=\"div-bottom-right\" to=\"/listing/hardware\">\r\n {/* <div className='div-bottom-right'> */}\r\n\r\n <div className=\"service-dec\">\r\n <p>LIVING IN COLORS</p>\r\n </div>\r\n\r\n {/* </div> */}\r\n </Link>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n );\r\n}\r\n\r\nexport default Ourservices;\r\n","D:\\DMS-2.0\\DMS-2.0\\src\\components\\Homepagemenu2\\index.js",["235","236","237","238","239","240","241","242"],"import React, { useEffect, useState } from 'react';\r\nimport * as FiIcons from 'react-icons/fi';\r\nimport * as BsIcons from \"react-icons/bs\";\r\nimport { Link } from 'react-router-dom';\r\nimport './index.css';\r\nimport img from '../../assets/burnfitness.png';\r\nimport img1 from '../../assets/Banner-cabinet CPU.png';\r\nimport img2 from '../../assets/Banner-monitor.png';\r\nimport img3 from '../../assets/Banner-Keyboard2.png';\r\nimport img4 from '../../assets/Banner-hard drive.png';\r\nimport loader from '../../assets/loading-200px.gif';\r\nimport { IconContext } from \"react-icons\";\r\nimport { db } from \"../../config/firebase\";\r\n\r\nfunction Homepagemenu2() {\r\n const [items, setItems] = useState([]);\r\n const [isLoaded, setIsLoaded] = useState(false);\r\n \r\n useEffect(() => {\r\n db.ref(\"hardware\").on(\"value\", (snap) => {\r\n // snap.forEach((element, index) => {\r\n setItems(Object.values(snap.val()));\r\n console.log(Object.values(snap.val())[0]);\r\n // console.log(Object.values(element.val()));\r\n setIsLoaded(true);\r\n // })\r\n });\r\n }, []);\r\n \r\n let product_1 = 8; // here 1 is the id of the first product.\r\n let product_2 = 13; // here 2 is the id of the second product.\r\n let product_3 = 12; // here 3 is the id of the third product.\r\n let product_4 = 4; // here 4 is the id of the forth product.\r\n\r\n if (!isLoaded) return <div> <img src={loader} alt=\"Loading...\" /> </div>;\r\n\r\n console.log(items[product_3 - 1].name);\r\n \r\n return (\r\n <>\r\n <div className='menu2'>\r\n <div className=\"menu-heading2\">\r\n <div className='menu-heading-bold2'>\r\n <h1>ACCESSORIES</h1>\r\n <p>\r\n <span>\r\n <IconContext.Provider value={{ color: \"#32436b\", size: \"50px\" }}>\r\n <BsIcons.BsDash />\r\n </IconContext.Provider>\r\n </span>\r\n IT & COMPUTER ACCESSORIES\r\n </p>\r\n </div>\r\n <p className='menu-view2'><Link className=\"linkStyle\" to=\"/listing/hardware\">View All</Link><span>\r\n <IconContext.Provider value={{ color: \"#32436b\", size: \"25px\" }}>\r\n <FiIcons.FiArrowRight />\r\n </IconContext.Provider>\r\n </span></p>\r\n </div>\r\n <div className='menu-products2'>\r\n <div className='menu-product2'>\r\n <div className='menu-product-img2'>\r\n <img src={items[product_1 - 1].img} width=\"303.84\" height=\"276\" />\r\n </div>\r\n <div className='menu-product-name2'>\r\n <p>{items[product_1 - 1].name}</p>\r\n </div>\r\n <div className='manu-product-btn2'>\r\n <Link to={`/info/hardware/${product_1}`}>\r\n <button className='menu-btn2'>VIEW NOW</button>\r\n </Link>\r\n </div>\r\n </div>\r\n <div className='menu-product2'>\r\n\r\n <div className='menu-product-img2'>\r\n <img src={items[product_2 - 1].img} width=\"303.84\" height=\"276\" />\r\n </div>\r\n\r\n <div className='menu-product-name2'>\r\n <p>{items[product_2 - 1].name}</p>\r\n </div>\r\n <div className='manu-product-btn2'>\r\n <Link to={`/info/hardware/${product_2}`}>\r\n <button className='menu-btn2'>VIEW NOW</button>\r\n </Link>\r\n </div>\r\n </div>\r\n <div className='menu-product2'>\r\n\r\n <div className='menu-product-img2'>\r\n <img src={items[product_3 - 1].img} width=\"303.84\" height=\"276\" />\r\n </div>\r\n\r\n <div className='menu-product-name2'>\r\n <p>{items[product_3 - 1].name}</p>\r\n </div>\r\n <div className='manu-product-btn2'>\r\n <Link to={`/info/hardware/${product_3}`}>\r\n <button className='menu-btn2'>VIEW NOW</button>\r\n </Link>\r\n </div>\r\n </div>\r\n <div className='menu-product2'>\r\n\r\n <div className='menu-product-img2'>\r\n <img src={items[product_4 - 1].img} width=\"303.84\" height=\"276\" />\r\n </div>\r\n\r\n <div className='menu-product-name2'>\r\n {items[product_4 - 1].name}\r\n </div>\r\n <div className='manu-product-btn2'>\r\n <Link to={`/info/hardware/${product_4}`}>\r\n <button className='menu-btn2'>VIEW NOW</button>\r\n </Link>\r\n </div>\r\n </div>\r\n\r\n </div>\r\n </div>\r\n </>\r\n )\r\n}\r\n\r\nexport default Homepagemenu2\r\n","D:\\DMS-2.0\\DMS-2.0\\src\\components\\SubscribeComponent\\index.js",[],"D:\\DMS-2.0\\DMS-2.0\\src\\components\\BestSellers\\index.js",[],"D:\\DMS-2.0\\DMS-2.0\\src\\components\\Catagories\\SidebarData.js",[],"D:\\DMS-2.0\\DMS-2.0\\src\\components\\Reusable\\Product Card\\Card.jsx",["243","244","245","246"],"D:\\DMS-2.0\\DMS-2.0\\src\\components\\Relatedproduct\\index.js",["247","248","249","250","251","252","253","254","255","256","257","258","259"],"import React, { useEffect, useState } from \"react\";\r\nimport * as FiIcons from \"react-icons/fi\";\r\nimport * as BsIcons from \"react-icons/bs\";\r\nimport { Link } from \"react-router-dom\";\r\nimport \"./relatedproduct.css\";\r\nimport img1 from \"../../assets/cup.png\";\r\nimport img2 from \"../../assets/printing paper.png\";\r\nimport img3 from \"../../assets/capFinal.png\";\r\nimport heart from \"../../assets/heart.png\";\r\nimport { db } from \"../../config/firebase\";\r\nimport { IconContext } from \"react-icons\";\r\n\r\nfunction Relatedproduct({ product_category, product_id }) {\r\n const [items, setItems] = useState([]);\r\n const [isLoaded, setIsLoaded] = useState(false);\r\n\r\n useEffect(() => {\r\n db.ref(`${product_category}`).on(\"value\", (snap) => {\r\n setItems(Object.values(snap.val()));\r\n console.log(Object.values(snap.val())[0]);\r\n // console.log(Object.values(element.val()));\r\n setIsLoaded(true);\r\n });\r\n }, []);\r\n\r\n console.log(items.id);\r\n\r\n let product_loop = items.length - 3;\r\n console.log(product_loop);\r\n\r\n let product_1;\r\n let product_2;\r\n let product_3;\r\n\r\n if (product_id == product_loop + 1) {\r\n product_1 = product_id + 1;\r\n product_2 = product_id + 2;\r\n product_3 = 1;\r\n } else if (product_id == product_loop + 2) {\r\n product_1 = product_id + 1;\r\n product_2 = 1;\r\n product_3 = 2;\r\n } else if (product_id == product_loop + 3) {\r\n product_1 = 1;\r\n product_2 = 2;\r\n product_3 = 3;\r\n } else {\r\n product_1 = product_id + 1; // here 1 is the id of the first product.\r\n product_2 = product_id + 2; // here 2 is the id of the second product.\r\n product_3 = product_id + 3; // here 3 is the id of the third product.\r\n }\r\n\r\n if (!isLoaded) return <div>Loading</div>;\r\n // console.log(items[product_3 - 1].name);\r\n console.log(items.length);\r\n\r\n return (\r\n <>\r\n <div className=\"menu\">\r\n <div className=\"menu-heading\">\r\n <div className=\"menu-heading-related-product-bold\">\r\n <h1>RELATED</h1>\r\n <p>\r\n <span>\r\n <IconContext.Provider\r\n value={{ color: \"#32436b\", size: \"50px\" }}\r\n >\r\n <BsIcons.BsDash />\r\n </IconContext.Provider>\r\n </span>\r\n PRODUCT\r\n </p>\r\n </div>\r\n\r\n <p className=\"menu-view\">\r\n <Link className=\"linkStyle\" to={`/listing/${product_category}`}>\r\n View All\r\n </Link>\r\n <span>\r\n <IconContext.Provider value={{ color: \"#32436b\", size: \"25px\" }}>\r\n <FiIcons.FiArrowRight />\r\n </IconContext.Provider>\r\n </span>\r\n </p>\r\n </div>\r\n <div className=\"menu-products\">\r\n <div className=\"menu-product\">\r\n <div className=\"menu-product-img-background\">\r\n <div className=\"heartImgContainer\">\r\n <img src={heart} className=\"heartImg\" />\r\n </div>\r\n <div className=\"menu-product-img\">\r\n <img src={items[product_1 - 1].img} />\r\n </div>\r\n <div className=\"menu-product-name\">\r\n {/* <p>Sublimation Magic Mug</p> */}\r\n <p>{items[product_1 - 1].name}</p>\r\n </div>\r\n </div>\r\n <div className=\"manu-product-btn\">\r\n <Link to={`/info/${product_category}/${product_1}`}>\r\n <button className=\"menu-btn\">VIEW NOW</button>\r\n </Link>\r\n </div>\r\n </div>\r\n <div className=\"menu-product\">\r\n <div className=\"menu-product-img-background\">\r\n <div className=\"heartImgContainer\">\r\n <img src={heart} className=\"heartImg\" />\r\n </div>\r\n <div className=\"menu-product-img\">\r\n <img src={items[product_2 - 1].img} />\r\n </div>\r\n <div className=\"menu-product-name\">\r\n {/* <p>Printing Paper</p> */}\r\n <p>{items[product_2 - 1].name}</p>\r\n </div>\r\n </div>\r\n <div className=\"manu-product-btn\">\r\n <Link to={`/info/${product_category}/${product_2}`}>\r\n <button className=\"menu-btn\">VIEW NOW</button>\r\n </Link>\r\n </div>\r\n </div>\r\n <div className=\"menu-product\">\r\n <div className=\"menu-product-img-background\">\r\n <div className=\"heartImgContainer\">\r\n <img src={heart} className=\"heartImg\" />\r\n </div>\r\n <div className=\"menu-product-img\">\r\n <img src={items[product_3 - 1].img} />\r\n </div>\r\n <div className=\"menu-product-name\">\r\n {/* <p>Sublimation Cap</p> */}\r\n <p>{items[product_3 - 1].name}</p>\r\n </div>\r\n </div>\r\n <div className=\"manu-product-btn\">\r\n <Link to={`/info/${product_category}/${product_3}`}>\r\n <button className=\"menu-btn\">VIEW NOW</button>\r\n </Link>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </>\r\n );\r\n}\r\n\r\nexport default Relatedproduct;\r\n","C:\\Users\\Dell\\Desktop\\DMS-2.0\\src\\index.js",[],"C:\\Users\\Dell\\Desktop\\DMS-2.0\\src\\App.js",["260","261"],"C:\\Users\\Dell\\Desktop\\DMS-2.0\\src\\pages\\Listing.jsx",[],"C:\\Users\\Dell\\Desktop\\DMS-2.0\\src\\pages\\Info.jsx",["262"],"C:\\Users\\Dell\\Desktop\\DMS-2.0\\src\\pages\\SearchListing.jsx",["263","264"],"C:\\Users\\Dell\\Desktop\\DMS-2.0\\src\\pages\\home.jsx",[],"C:\\Users\\Dell\\Desktop\\DMS-2.0\\src\\config\\firebase.js",[],"C:\\Users\\Dell\\Desktop\\DMS-2.0\\src\\components\\Navbar\\index.js",["265","266","267","268","269","270"],"C:\\Users\\Dell\\Desktop\\DMS-2.0\\src\\components\\Catagories\\index.js",["271"],"C:\\Users\\Dell\\Desktop\\DMS-2.0\\src\\components\\Hero\\index.js",["272","273"],"C:\\Users\\Dell\\Desktop\\DMS-2.0\\src\\components\\Info\\index.js",["274","275","276","277","278","279","280","281"],"C:\\Users\\Dell\\Desktop\\DMS-2.0\\src\\components\\Footer\\index.js",[],"C:\\Users\\Dell\\Desktop\\DMS-2.0\\src\\components\\Homepagemenu\\index.js",["282","283","284","285","286","287","288","289","290","291","292"],"C:\\Users\\Dell\\Desktop\\DMS-2.0\\src\\components\\Products\\index.js",["293","294"],"C:\\Users\\Dell\\Desktop\\DMS-2.0\\src\\components\\Shopbycategories\\index.js",["295","296","297","298","299"],"C:\\Users\\Dell\\Desktop\\DMS-2.0\\src\\components\\Homepagemenu2\\index.js",["300","301","302","303","304","305","306","307"],"C:\\Users\\Dell\\Desktop\\DMS-2.0\\src\\components\\BestSellers\\index.js",[],"C:\\Users\\Dell\\Desktop\\DMS-2.0\\src\\components\\Ourservices\\index.js",["308","309"],"C:\\Users\\Dell\\Desktop\\DMS-2.0\\src\\components\\SubscribeComponent\\index.js",[],"C:\\Users\\Dell\\Desktop\\DMS-2.0\\src\\components\\Catagories\\SidebarData.js",[],"C:\\Users\\Dell\\Desktop\\DMS-2.0\\src\\components\\Reusable\\Product Card\\Card.jsx",["310","311"],"C:\\Users\\Dell\\Desktop\\DMS-2.0\\src\\components\\Relatedproduct\\index.js",["312","313","314","315","316","317","318","319","320","321","322","323","324"],{"ruleId":"325","replacedBy":"326"},{"ruleId":"327","replacedBy":"328"},{"ruleId":"329","severity":1,"message":"330","line":1,"column":17,"nodeType":"331","messageId":"332","endLine":1,"endColumn":25},{"ruleId":"329","severity":1,"message":"333","line":1,"column":27,"nodeType":"331","messageId":"332","endLine":1,"endColumn":36},{"ruleId":"329","severity":1,"message":"334","line":5,"column":8,"nodeType":"331","messageId":"332","endLine":5,"endColumn":19},{"ruleId":"335","severity":1,"message":"336","line":21,"column":25,"nodeType":"337","messageId":"338","endLine":21,"endColumn":26,"fix":"339"},{"ruleId":"329","severity":1,"message":"330","line":1,"column":17,"nodeType":"331","messageId":"332","endLine":1,"endColumn":25},{"ruleId":"329","severity":1,"message":"340","line":2,"column":13,"nodeType":"331","messageId":"332","endLine":2,"endColumn":20},{"ruleId":"329","severity":1,"message":"341","line":3,"column":13,"nodeType":"331","messageId":"332","endLine":3,"endColumn":20},{"ruleId":"329","severity":1,"message":"342","line":4,"column":13,"nodeType":"331","messageId":"332","endLine":4,"endColumn":21},{"ruleId":"343","severity":1,"message":"344","line":21,"column":107,"nodeType":"345","endLine":21,"endColumn":120},{"ruleId":"346","severity":1,"message":"347","line":28,"column":29,"nodeType":"348","endLine":28,"endColumn":50},{"ruleId":"346","severity":1,"message":"347","line":36,"column":25,"nodeType":"348","endLine":36,"endColumn":44},{"ruleId":"349","severity":1,"message":"350","line":44,"column":11,"nodeType":"348","endLine":44,"endColumn":45},{"ruleId":"329","severity":1,"message":"351","line":15,"column":9,"nodeType":"331","messageId":"332","endLine":15,"endColumn":19},{"ruleId":"352","severity":1,"message":"353","line":19,"column":9,"nodeType":"354","endLine":26,"endColumn":4},{"ruleId":"329","severity":1,"message":"355","line":3,"column":10,"nodeType":"331","messageId":"332","endLine":3,"endColumn":14},{"ruleId":"329","severity":1,"message":"356","line":10,"column":8,"nodeType":"331","messageId":"332","endLine":10,"endColumn":22},{"ruleId":"329","severity":1,"message":"357","line":11,"column":8,"nodeType":"331","messageId":"332","endLine":11,"endColumn":28},{"ruleId":"346","severity":1,"message":"347","line":43,"column":16,"nodeType":"348","endLine":43,"endColumn":65},{"ruleId":"346","severity":1,"message":"347","line":48,"column":16,"nodeType":"348","endLine":48,"endColumn":65},{"ruleId":"346","severity":1,"message":"347","line":69,"column":11,"nodeType":"348","endLine":78,"endColumn":12},{"ruleId":"346","severity":1,"message":"347","line":79,"column":11,"nodeType":"348","endLine":88,"endColumn":12},{"ruleId":"346","severity":1,"message":"347","line":89,"column":11,"nodeType":"348","endLine":98,"endColumn":12},{"ruleId":"329","severity":1,"message":"341","line":2,"column":13,"nodeType":"331","messageId":"332","endLine":2,"endColumn":20},{"ruleId":"346","severity":1,"message":"347","line":32,"column":13,"nodeType":"348","endLine":32,"endColumn":60},{"ruleId":"346","severity":1,"message":"347","line":41,"column":17,"nodeType":"348","endLine":41,"endColumn":67},{"ruleId":"346","severity":1,"message":"347","line":53,"column":15,"nodeType":"348","endLine":53,"endColumn":68},{"ruleId":"346","severity":1,"message":"347","line":63,"column":13,"nodeType":"348","endLine":63,"endColumn":60},{"ruleId":"329","severity":1,"message":"358","line":6,"column":8,"nodeType":"331","messageId":"332","endLine":6,"endColumn":12},{"ruleId":"329","severity":1,"message":"359","line":7,"column":8,"nodeType":"331","messageId":"332","endLine":7,"endColumn":12},{"ruleId":"329","severity":1,"message":"360","line":8,"column":8,"nodeType":"331","messageId":"332","endLine":8,"endColumn":12},{"ruleId":"346","severity":1,"message":"347","line":72,"column":26,"nodeType":"348","endLine":72,"endColumn":89},{"ruleId":"346","severity":1,"message":"347","line":73,"column":27,"nodeType":"348","endLine":73,"endColumn":91},{"ruleId":"346","severity":1,"message":"347","line":77,"column":17,"nodeType":"348","endLine":77,"endColumn":55},{"ruleId":"346","severity":1,"message":"347","line":94,"column":26,"nodeType":"348","endLine":94,"endColumn":89},{"ruleId":"346","severity":1,"message":"347","line":95,"column":27,"nodeType":"348","endLine":95,"endColumn":91},{"ruleId":"346","severity":1,"message":"347","line":98,"column":17,"nodeType":"348","endLine":98,"endColumn":55},{"ruleId":"346","severity":1,"message":"347","line":114,"column":17,"nodeType":"348","endLine":114,"endColumn":61},{"ruleId":"346","severity":1,"message":"347","line":117,"column":17,"nodeType":"348","endLine":117,"endColumn":55},{"ruleId":"329","severity":1,"message":"341","line":2,"column":13,"nodeType":"331","messageId":"332","endLine":2,"endColumn":20},{"ruleId":"329","severity":1,"message":"361","line":6,"column":8,"nodeType":"331","messageId":"332","endLine":6,"endColumn":11},{"ruleId":"329","severity":1,"message":"358","line":7,"column":8,"nodeType":"331","messageId":"332","endLine":7,"endColumn":12},{"ruleId":"329","severity":1,"message":"359","line":8,"column":8,"nodeType":"331","messageId":"332","endLine":8,"endColumn":12},{"ruleId":"329","severity":1,"message":"360","line":9,"column":8,"nodeType":"331","messageId":"332","endLine":9,"endColumn":12},{"ruleId":"329","severity":1,"message":"362","line":10,"column":8,"nodeType":"331","messageId":"332","endLine":10,"endColumn":12},{"ruleId":"346","severity":1,"message":"347","line":63,"column":29,"nodeType":"348","endLine":63,"endColumn":95},{"ruleId":"346","severity":1,"message":"347","line":77,"column":29,"nodeType":"348","endLine":77,"endColumn":95},{"ruleId":"346","severity":1,"message":"347","line":92,"column":29,"nodeType":"348","endLine":92,"endColumn":95},{"ruleId":"346","severity":1,"message":"347","line":107,"column":29,"nodeType":"348","endLine":107,"endColumn":95},{"ruleId":"329","severity":1,"message":"358","line":7,"column":8,"nodeType":"331","messageId":"332","endLine":7,"endColumn":12},{"ruleId":"329","severity":1,"message":"363","line":10,"column":19,"nodeType":"331","messageId":"332","endLine":10,"endColumn":27},{"ruleId":"364","severity":1,"message":"365","line":12,"column":21,"nodeType":"366","messageId":"367","endLine":12,"endColumn":22,"fix":"368"},{"ruleId":"346","severity":1,"message":"347","line":32,"column":29,"nodeType":"348","endLine":32,"endColumn":71},{"ruleId":"329","severity":1,"message":"358","line":6,"column":8,"nodeType":"331","messageId":"332","endLine":6,"endColumn":12},{"ruleId":"329","severity":1,"message":"359","line":7,"column":8,"nodeType":"331","messageId":"332","endLine":7,"endColumn":12},{"ruleId":"329","severity":1,"message":"360","line":8,"column":8,"nodeType":"331","messageId":"332","endLine":8,"endColumn":12},{"ruleId":"352","severity":1,"message":"369","line":24,"column":6,"nodeType":"370","endLine":24,"endColumn":8,"suggestions":"371"},{"ruleId":"372","severity":1,"message":"373","line":35,"column":18,"nodeType":"374","messageId":"375","endLine":35,"endColumn":20},{"ruleId":"372","severity":1,"message":"373","line":39,"column":25,"nodeType":"374","messageId":"375","endLine":39,"endColumn":27},{"ruleId":"372","severity":1,"message":"373","line":43,"column":25,"nodeType":"374","messageId":"375","endLine":43,"endColumn":27},{"ruleId":"346","severity":1,"message":"347","line":90,"column":17,"nodeType":"348","endLine":90,"endColumn":57},{"ruleId":"346","severity":1,"message":"347","line":93,"column":17,"nodeType":"348","endLine":93,"endColumn":55},{"ruleId":"346","severity":1,"message":"347","line":109,"column":17,"nodeType":"348","endLine":109,"endColumn":57},{"ruleId":"346","severity":1,"message":"347","line":112,"column":17,"nodeType":"348","endLine":112,"endColumn":55},{"ruleId":"346","severity":1,"message":"347","line":128,"column":17,"nodeType":"348","endLine":128,"endColumn":57},{"ruleId":"346","severity":1,"message":"347","line":131,"column":17,"nodeType":"348","endLine":131,"endColumn":55},{"ruleId":"329","severity":1,"message":"330","line":1,"column":17,"nodeType":"331","messageId":"332","endLine":1,"endColumn":25},{"ruleId":"329","severity":1,"message":"333","line":1,"column":27,"nodeType":"331","messageId":"332","endLine":1,"endColumn":36},{"ruleId":"329","severity":1,"message":"334","line":5,"column":8,"nodeType":"331","messageId":"332","endLine":5,"endColumn":19},{"ruleId":"329","severity":1,"message":"376","line":11,"column":18,"nodeType":"331","messageId":"332","endLine":11,"endColumn":26},{"ruleId":"329","severity":1,"message":"377","line":12,"column":21,"nodeType":"331","messageId":"332","endLine":12,"endColumn":32},{"ruleId":"329","severity":1,"message":"340","line":2,"column":13,"nodeType":"331","messageId":"332","endLine":2,"endColumn":20},{"ruleId":"329","severity":1,"message":"341","line":3,"column":13,"nodeType":"331","messageId":"332","endLine":3,"endColumn":20},{"ruleId":"329","severity":1,"message":"342","line":4,"column":13,"nodeType":"331","messageId":"332","endLine":4,"endColumn":21},{"ruleId":"343","severity":1,"message":"344","line":21,"column":107,"nodeType":"345","endLine":21,"endColumn":120},{"ruleId":"346","severity":1,"message":"347","line":28,"column":29,"nodeType":"348","endLine":28,"endColumn":50},{"ruleId":"346","severity":1,"message":"347","line":36,"column":25,"nodeType":"348","endLine":36,"endColumn":44},{"ruleId":"349","severity":1,"message":"350","line":44,"column":11,"nodeType":"348","endLine":44,"endColumn":45},{"ruleId":"329","severity":1,"message":"351","line":15,"column":9,"nodeType":"331","messageId":"332","endLine":15,"endColumn":19},{"ruleId":"352","severity":1,"message":"353","line":19,"column":9,"nodeType":"354","endLine":26,"endColumn":4},{"ruleId":"329","severity":1,"message":"355","line":3,"column":10,"nodeType":"331","messageId":"332","endLine":3,"endColumn":14},{"ruleId":"329","severity":1,"message":"356","line":8,"column":8,"nodeType":"331","messageId":"332","endLine":8,"endColumn":22},{"ruleId":"329","severity":1,"message":"357","line":9,"column":8,"nodeType":"331","messageId":"332","endLine":9,"endColumn":28},{"ruleId":"346","severity":1,"message":"347","line":56,"column":16,"nodeType":"348","endLine":56,"endColumn":65},{"ruleId":"346","severity":1,"message":"347","line":61,"column":16,"nodeType":"348","endLine":61,"endColumn":65},{"ruleId":"346","severity":1,"message":"347","line":81,"column":13,"nodeType":"348","endLine":92,"endColumn":14},{"ruleId":"346","severity":1,"message":"347","line":93,"column":13,"nodeType":"348","endLine":104,"endColumn":14},{"ruleId":"346","severity":1,"message":"347","line":105,"column":13,"nodeType":"348","endLine":116,"endColumn":14},{"ruleId":"329","severity":1,"message":"358","line":6,"column":8,"nodeType":"331","messageId":"332","endLine":6,"endColumn":12},{"ruleId":"329","severity":1,"message":"359","line":7,"column":8,"nodeType":"331","messageId":"332","endLine":7,"endColumn":12},{"ruleId":"329","severity":1,"message":"360","line":8,"column":8,"nodeType":"331","messageId":"332","endLine":8,"endColumn":12},{"ruleId":"329","severity":1,"message":"378","line":10,"column":8,"nodeType":"331","messageId":"332","endLine":10,"endColumn":17},{"ruleId":"329","severity":1,"message":"379","line":19,"column":9,"nodeType":"331","messageId":"332","endLine":19,"endColumn":18},{"ruleId":"346","severity":1,"message":"347","line":71,"column":17,"nodeType":"348","endLine":71,"endColumn":61},{"ruleId":"346","severity":1,"message":"347","line":77,"column":17,"nodeType":"348","endLine":77,"endColumn":55},{"ruleId":"346","severity":1,"message":"347","line":93,"column":17,"nodeType":"348","endLine":93,"endColumn":61},{"ruleId":"346","severity":1,"message":"347","line":98,"column":17,"nodeType":"348","endLine":98,"endColumn":55},{"ruleId":"346","severity":1,"message":"347","line":114,"column":17,"nodeType":"348","endLine":114,"endColumn":61},{"ruleId":"346","severity":1,"message":"347","line":117,"column":17,"nodeType":"348","endLine":117,"endColumn":55},{"ruleId":"329","severity":1,"message":"330","line":1,"column":17,"nodeType":"331","messageId":"332","endLine":1,"endColumn":25},{"ruleId":"329","severity":1,"message":"333","line":1,"column":26,"nodeType":"331","messageId":"332","endLine":1,"endColumn":35},{"ruleId":"329","severity":1,"message":"341","line":2,"column":13,"nodeType":"331","messageId":"332","endLine":2,"endColumn":20},{"ruleId":"346","severity":1,"message":"347","line":32,"column":13,"nodeType":"348","endLine":32,"endColumn":60},{"ruleId":"346","severity":1,"message":"347","line":41,"column":17,"nodeType":"348","endLine":41,"endColumn":67},{"ruleId":"346","severity":1,"message":"347","line":53,"column":15,"nodeType":"348","endLine":53,"endColumn":68},{"ruleId":"346","severity":1,"message":"347","line":63,"column":13,"nodeType":"348","endLine":63,"endColumn":60},{"ruleId":"329","severity":1,"message":"358","line":7,"column":8,"nodeType":"331","messageId":"332","endLine":7,"endColumn":12},{"ruleId":"329","severity":1,"message":"359","line":8,"column":8,"nodeType":"331","messageId":"332","endLine":8,"endColumn":12},{"ruleId":"329","severity":1,"message":"360","line":9,"column":8,"nodeType":"331","messageId":"332","endLine":9,"endColumn":12},{"ruleId":"329","severity":1,"message":"362","line":10,"column":8,"nodeType":"331","messageId":"332","endLine":10,"endColumn":12},{"ruleId":"346","severity":1,"message":"347","line":63,"column":29,"nodeType":"348","endLine":63,"endColumn":95},{"ruleId":"346","severity":1,"message":"347","line":77,"column":29,"nodeType":"348","endLine":77,"endColumn":95},{"ruleId":"346","severity":1,"message":"347","line":92,"column":29,"nodeType":"348","endLine":92,"endColumn":95},{"ruleId":"346","severity":1,"message":"347","line":107,"column":29,"nodeType":"348","endLine":107,"endColumn":95},{"ruleId":"329","severity":1,"message":"341","line":2,"column":13,"nodeType":"331","messageId":"332","endLine":2,"endColumn":20},{"ruleId":"329","severity":1,"message":"361","line":6,"column":8,"nodeType":"331","messageId":"332","endLine":6,"endColumn":11},{"ruleId":"329","severity":1,"message":"358","line":7,"column":8,"nodeType":"331","messageId":"332","endLine":7,"endColumn":12},{"ruleId":"346","severity":1,"message":"347","line":39,"column":29,"nodeType":"348","endLine":39,"endColumn":71},{"ruleId":"329","severity":1,"message":"358","line":6,"column":8,"nodeType":"331","messageId":"332","endLine":6,"endColumn":12},{"ruleId":"329","severity":1,"message":"359","line":7,"column":8,"nodeType":"331","messageId":"332","endLine":7,"endColumn":12},{"ruleId":"329","severity":1,"message":"360","line":8,"column":8,"nodeType":"331","messageId":"332","endLine":8,"endColumn":12},{"ruleId":"352","severity":1,"message":"369","line":24,"column":6,"nodeType":"370","endLine":24,"endColumn":8,"suggestions":"380"},{"ruleId":"372","severity":1,"message":"373","line":35,"column":18,"nodeType":"374","messageId":"375","endLine":35,"endColumn":20},{"ruleId":"372","severity":1,"message":"373","line":39,"column":25,"nodeType":"374","messageId":"375","endLine":39,"endColumn":27},{"ruleId":"372","severity":1,"message":"373","line":43,"column":25,"nodeType":"374","messageId":"375","endLine":43,"endColumn":27},{"ruleId":"346","severity":1,"message":"347","line":90,"column":17,"nodeType":"348","endLine":90,"endColumn":57},{"ruleId":"346","severity":1,"message":"347","line":93,"column":17,"nodeType":"348","endLine":93,"endColumn":55},{"ruleId":"346","severity":1,"message":"347","line":109,"column":17,"nodeType":"348","endLine":109,"endColumn":57},{"ruleId":"346","severity":1,"message":"347","line":112,"column":17,"nodeType":"348","endLine":112,"endColumn":55},{"ruleId":"346","severity":1,"message":"347","line":128,"column":17,"nodeType":"348","endLine":128,"endColumn":57},{"ruleId":"346","severity":1,"message":"347","line":131,"column":17,"nodeType":"348","endLine":131,"endColumn":55},"no-native-reassign",["381"],"no-negated-in-lhs",["382"],"no-unused-vars","'useState' is defined but never used.","Identifier","unusedVar","'useEffect' is defined but never used.","'ImageSlider' is defined but never used.","rest-spread-spacing","Unexpected whitespace after spread operator.","SpreadElement","unexpectedWhitespace",{"range":"383","text":"384"},"'FaIcons' is defined but never used.","'FiIcons' is defined but never used.","'BsiIcons' is defined but never used.","react/jsx-no-duplicate-props","No duplicate props allowed","JSXAttribute","jsx-a11y/alt-text","img elements must have an alt prop, either with meaningful text, or an empty string for decorative images.","JSXOpeningElement","jsx-a11y/anchor-is-valid","The href attribute is required for an anchor to be keyboard accessible. Provide a valid, navigable address as the href value. If you cannot provide an href, but still need the element to resemble a link, use a button and change it with appropriate styles. Learn more: https://github.com/evcohen/eslint-plugin-jsx-a11y/blob/master/docs/rules/anchor-is-valid.md","'slideRight' is assigned a value but never used.","react-hooks/exhaustive-deps","The 'slideLeft' function makes the dependencies of useEffect Hook (at line 33) change on every render. Move it inside the useEffect callback. Alternatively, wrap the definition of 'slideLeft' in its own useCallback() Hook.","VariableDeclarator","'Link' is defined but never used.","'paperCutterImg' is defined but never used.","'paperCutterImgZoomed' is defined but never used.","'img1' is defined but never used.","'img2' is defined but never used.","'img3' is defined but never used.","'img' is defined but never used.","'img4' is defined but never used.","'setHeart' is assigned a value but never used.","dot-location","Expected dot to be on same line as property.","MemberExpression","expectedDotBeforeProperty",{"range":"385","text":"386"},"React Hook useEffect has a missing dependency: 'product_category'. Either include it or remove the dependency array.","ArrayExpression",["387"],"eqeqeq","Expected '===' and instead saw '=='.","BinaryExpression","unexpected","'setItems' is assigned a value but never used.","'setIsLoaded' is assigned a value but never used.","'love_icon' is defined but never used.","'showHeart' is assigned a value but never used.",["388"],"no-global-assign","no-unsafe-negation",[1066,1067],"",[454,465],"\r\n .",{"desc":"389","fix":"390"},{"desc":"389","fix":"391"},"Update the dependencies array to be: [product_category]",{"range":"392","text":"393"},{"range":"394","text":"393"},[918,920],"[product_category]",[895,897]]