Skip to content

Commit

Permalink
Linting issue fixed
Browse files Browse the repository at this point in the history
  • Loading branch information
@mhimanshum
mhimanshum committed Jun 3, 2024
1 parent 58f679e commit 5fb4b34
Show file tree
Hide file tree
Showing 6 changed files with 507 additions and 373 deletions.
108 changes: 73 additions & 35 deletions src/App.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -24,7 +24,7 @@ const stripePromise = loadStripe(
);
function App() {
//to keep a check who is signed in/making a listner
const [{ }, dispatch] = useStateValue();
const [{}, dispatch] = useStateValue();
//This State will keep Track of what is entered in the searchField
const [searchField, setSearchField] = useState('');

Expand Down Expand Up @@ -58,49 +58,87 @@ function App() {

return (
<>

<BrowserRouter>
<div className="App">
<Routes>
<Route path="/thanku" element={<>
<Header />
<Thanku />
</>} />
<Route path="/Payment" element={<>
<Header />
{/* wraps the payment elements,
<Route
path="/thanku"
element={
<>
<Header />
<Thanku />
</>
}
/>
<Route
path="/Payment"
element={
<>
<Header />
{/* wraps the payment elements,
no need to understand it */}
<Elements stripe={stripePromise}>
<Payment />
</Elements>
</>} />
<Elements stripe={stripePromise}>
<Payment />
</Elements>
</>
}
/>

<Route path="/login" element={<Login />} />
<Route path="/signup" element={<Signup />} />
<Route path="/checkout" element={<>
<Header />
<Checkout /></>} />
<Route path="/books-toys" element={<> <Header />
<Navbar />
<BookToys /></>} />
<Route path="/fashion-beauty" element={<>
<Header />
<Navbar />
<FashionBeauty />
</>} />
<Route
path="/checkout"
element={
<>
<Header />
<Checkout />
</>
}
/>
<Route
path="/books-toys"
element={
<>
{' '}
<Header />
<Navbar />
<BookToys />
</>
}
/>
<Route
path="/fashion-beauty"
element={
<>
<Header />
<Navbar />
<FashionBeauty />
</>
}
/>

<Route path="/electronics" element={<>
<Header />
<Navbar />
<Electronics />
</>} />
<Route
path="/electronics"
element={
<>
<Header />
<Navbar />
<Electronics />
</>
}
/>

<Route path="/" element={<>
<Header inputHandler={inputHandler} />
<Navbar />
<Home text={searchField} />
<AllCategories />
</>} />
<Route
path="/"
element={
<>
<Header inputHandler={inputHandler} />
<Navbar />
<Home text={searchField} />
<AllCategories />
</>
}
/>
</Routes>
<Footer />
</div>
Expand Down
179 changes: 101 additions & 78 deletions src/Categories/BooksToys/BookToys.js
View file
Original file line number Diff line number Diff line change
@@ -1,112 +1,133 @@
import React from 'react'
import React from 'react';
import Product from '../../components/product/Product';
import { useStateValue } from '../../context/StateProvider';
import usePageMeta from '../../hooks/usePageMeta';
import "./BookToys.css"

import './BookToys.css';

function BookToys(id, title, price, image, rating, reviews) {
usePageMeta("Books and toys - Amazon Clone","Shop online buy toys, books")
usePageMeta('Books and toys - Amazon Clone', 'Shop online buy toys, books');
const products = [
{
title:'Storio Kids Toys LCD Writing Tablet 8.5Inch E-Note Pad Best Birthday Gift for Girls Boys',
title:
'Storio Kids Toys LCD Writing Tablet 8.5Inch E-Note Pad Best Birthday Gift for Girls Boys',
price: 225,
image:'https://m.media-amazon.com/images/I/61Pg1H7U15L._AC_UL480_FMwebp_QL65_.jpg',
image:
'https://m.media-amazon.com/images/I/61Pg1H7U15L._AC_UL480_FMwebp_QL65_.jpg',
rating: 4,
reviews: 4534,
},
{
title:'esnipe mart® 20 activities & games fun laptop notebook computer toy for kids-Blue',
title:
'esnipe mart® 20 activities & games fun laptop notebook computer toy for kids-Blue',
price: 1299,
image:'https://m.media-amazon.com/images/I/7188KDb7UYL._AC_UL480_FMwebp_QL65_.jpg',
image:
'https://m.media-amazon.com/images/I/7188KDb7UYL._AC_UL480_FMwebp_QL65_.jpg',
rating: 4,
reviews: 9476,
},
{
title:'ToyTastic Pack of 6 Mini Metal Car for Kids, Small Mini Racing Cars Suitable',
title:
'ToyTastic Pack of 6 Mini Metal Car for Kids, Small Mini Racing Cars Suitable',
price: 539,
image:'https://m.media-amazon.com/images/I/5105UNu17nL._AC_UL480_FMwebp_QL65_.jpg',
image:
'https://m.media-amazon.com/images/I/5105UNu17nL._AC_UL480_FMwebp_QL65_.jpg',
rating: 4,
reviews: 323,
},
{
title:"You Can",
price:98,
image:"https://m.media-amazon.com/images/I/813uPMOnskL._AC_UY327_FMwebp_QL65_.jpg",
rating:5,
reviews:1749,
title: 'You Can',
price: 98,
image:
'https://m.media-amazon.com/images/I/813uPMOnskL._AC_UY327_FMwebp_QL65_.jpg',
rating: 5,
reviews: 1749,
},
{
title:"Tales of Mystery and Horror for Kids : illustrated Abridged Children Classics English Novel with Rev",
price:149,
image:"https://m.media-amazon.com/images/I/81jJos1UCaL._AC_UY327_FMwebp_QL65_.jpg",
rating:4,
reviews:27,
title:
'Tales of Mystery and Horror for Kids : illustrated Abridged Children Classics English Novel with Rev',
price: 149,
image:
'https://m.media-amazon.com/images/I/81jJos1UCaL._AC_UY327_FMwebp_QL65_.jpg',
rating: 4,
reviews: 27,
},
{
title:"Toyshine Foosball, Mini Football, 4 Rods, Indoor Sport Table Soccer Game for Adults and Kids",
price:1299,
image:"https://m.media-amazon.com/images/I/71TM-qejV3L._AC_UL480_FMwebp_QL65_.jpg",
rating:4,
reviews:2234,

title:
'Toyshine Foosball, Mini Football, 4 Rods, Indoor Sport Table Soccer Game for Adults and Kids',
price: 1299,
image:
'https://m.media-amazon.com/images/I/71TM-qejV3L._AC_UL480_FMwebp_QL65_.jpg',
rating: 4,
reviews: 2234,
},
{
title:"The Jungle Book: Illustrated Abridged Children Classics English Novel With Review Questions (Hardback)",
price:165,
image:"https://m.media-amazon.com/images/I/81I6v6bGt1L._AC_UY327_FMwebp_QL65_.jpg",
rating:5,
reviews:96,
title:
'The Jungle Book: Illustrated Abridged Children Classics English Novel With Review Questions (Hardback)',
price: 165,
image:
'https://m.media-amazon.com/images/I/81I6v6bGt1L._AC_UY327_FMwebp_QL65_.jpg',
rating: 5,
reviews: 96,
},
{
title:"The Adventures of Robin Hood: Illustrated Abridged Children Classics English Novel With Review Questions (Hardback)",
price:148,
image:"https://m.media-amazon.com/images/I/812IvcFEroL._AC_UY327_QL65_.jpg",
rating:5,
reviews:61,
title:
'The Adventures of Robin Hood: Illustrated Abridged Children Classics English Novel With Review Questions (Hardback)',
price: 148,
image:
'https://m.media-amazon.com/images/I/812IvcFEroL._AC_UY327_QL65_.jpg',
rating: 5,
reviews: 61,
},
{
title:"DO EPIC SHIT",
price:163,
image:"https://m.media-amazon.com/images/I/61kRkfsIMUL._AC_UY327_FMwebp_QL65_.jpg",
rating:5,
reviews:6914 ,
title: 'DO EPIC SHIT',
price: 163,
image:
'https://m.media-amazon.com/images/I/61kRkfsIMUL._AC_UY327_FMwebp_QL65_.jpg',
rating: 5,
reviews: 6914,
},
{
title:"Jaspo Power Kids 26 inches Skateboard for Beginners Boys & Girls",
price:962,
image:"https://m.media-amazon.com/images/I/81ogbrdtaQL._AC_UL480_QL65_.jpg",
rating:4,
reviews:635,
title: 'Jaspo Power Kids 26 inches Skateboard for Beginners Boys & Girls',
price: 962,
image:
'https://m.media-amazon.com/images/I/81ogbrdtaQL._AC_UL480_QL65_.jpg',
rating: 4,
reviews: 635,
},
{
title:"Noise Pulse Go Buzz Smart Watch with Smart Call & Advanced Bluetooth Tech",
price:128,
image:"https://m.media-amazon.com/images/I/51uB7i1cw+L._AC_UL480_QL65_.jpg",
rating:5,
reviews:8266,
title:
'Noise Pulse Go Buzz Smart Watch with Smart Call & Advanced Bluetooth Tech',
price: 128,
image:
'https://m.media-amazon.com/images/I/51uB7i1cw+L._AC_UL480_QL65_.jpg',
rating: 5,
reviews: 8266,
},
{
title:"Do Epic Shit + The Subtle Art of Not Giving a Fuck Set of 2 Books with free Customize Bookmark",
price:265,
image:"https://m.media-amazon.com/images/I/61U9xUcZy3L._AC_UY327_FMwebp_QL65_.jpg",
rating:5,
reviews:18,
title:
'Do Epic Shit + The Subtle Art of Not Giving a Fuck Set of 2 Books with free Customize Bookmark',
price: 265,
image:
'https://m.media-amazon.com/images/I/61U9xUcZy3L._AC_UY327_FMwebp_QL65_.jpg',
rating: 5,
reviews: 18,
},
{
title:"Toyshine Wooden Memory Match Stick Chess Game Set, Funny Block Board Game Parent-Child Interaction",
price:579,
image:"https://m.media-amazon.com/images/I/41PECrMEhOL._AC_UL480_QL65_.jpg",
rating:4,
review:92,
}
title:
'Toyshine Wooden Memory Match Stick Chess Game Set, Funny Block Board Game Parent-Child Interaction',
price: 579,
image:
'https://m.media-amazon.com/images/I/41PECrMEhOL._AC_UL480_QL65_.jpg',
rating: 4,
review: 92,
},
];

const [state, dispatch] = useStateValue()
const [state, dispatch] = useStateValue();
const addToBasket = () => {
//dispatch the item into the data layer
dispatch({
type: "ADD_TO_BASKET",
type: 'ADD_TO_BASKET',
item: {
id: id,
title: title,
Expand All @@ -119,22 +140,24 @@ function BookToys(id, title, price, image, rating, reviews) {
};
return (
<>
<h1 className='toys-books-heading'>Books & Toys</h1>
<div className='items-container'>
{products.map((product,index) => {
<h1 className="toys-books-heading">Books & Toys</h1>

<div className="items-container">
{products.map((product, index) => {
return (
<Product title={product.title}
price={product.price}
image={product.image}
rating={product.rating}
reviews={product.reviews}
key={index} />
)
}) }
<Product
title={product.title}
price={product.price}
image={product.image}
rating={product.rating}
reviews={product.reviews}
key={index}
/>
);
})}
</div>
</>
)
);
}

export default BookToys
export default BookToys;
Loading

0 comments on commit 5fb4b34

Please sign in to comment.