import
'./App.css'
;
import Cart from
'./Cart'
;
import Home from
'./Home'
;
import BookItem from
'./BookItem'
;
import {
BrowserRouter,
Route,
Routes
} from
'react-router-dom'
;
function
App() {
const items = [
new
BookItem(
'Wealth wont wait'
,
'mike desormeaux'
, 2023, 230, 34.4),
new
BookItem(
'The Zen Monkey and the lotus flower'
,
'Tenpa Yeshe'
, 2020, 150, 50),
new
BookItem(
''
,
'mike desormeaux'
,
2018, 100, 23),
new
BookItem(
'The Family across the street'
,
'nicole trope'
, 2023, 434, 23.4),
new
BookItem(
'The psychology of money'
,
'Morgan Housel'
, 2012, 1000, 50),
new
BookItem(
'Atomic Habits'
,
'James clear'
, 2017, 135, 64.34),
new
BookItem(
'Cant hurt me'
,
'David Goggins'
, 2021, 433, 63.3),
new
BookItem(
'The four agreements'
,
'Don Miguel Ruiz'
, 2000, 343, 64.63)];
const cart = []
const addToCart = (index) => {
cart.push(items[index])
alert(index +
' index element added '
)
}
const clearCart = () => {
cart.length = 0;
}
const checkCartItem = () => {
alert(
'items in cart are '
+ cart.length)
}
return
(
<div>
<BrowserRouter>
<Routes>
<Route index element={
<Home items={items}
onHandleAddToCart={addToCart}
onHandleCheckCartItem={checkCartItem}
onHandleClearCart={clearCart} />} />
<Route path=
'/cart'
element={
<Cart selectedProducts={cart} />} />
</Routes>
</BrowserRouter>
</div>
);
}
export
default
App;