You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
48 lines
1.2 KiB
48 lines
1.2 KiB
import React, { useState, useEffect, useMemo } from "react"; |
|
import { connect } from "react-redux"; |
|
import { publicApi } from "../../../../redux/actions"; |
|
|
|
import Orders from "../../../Orders"; |
|
import UserItems from "../Main/UserItems"; |
|
import MyBooks from "./MyBooks"; |
|
import Ticket from "../../../Contact/layouts/Ticket"; |
|
import Favorites from "../../../Favorites/index"; |
|
import Addresses from "./Addresses"; |
|
import Address from "../../../Address"; |
|
|
|
const views = { |
|
orders: <Orders />, |
|
mybooks: <MyBooks />, |
|
userItems: <UserItems />, |
|
setTicket: ( |
|
<div className="w-1/2"> |
|
<Ticket /> |
|
</div> |
|
), |
|
favorites: <Favorites />, |
|
addresses: <Addresses />, |
|
profile: <Address profilePage={true} />, |
|
}; |
|
|
|
export const Main = ({ setHeaderOptions, page }) => { |
|
useEffect(() => { |
|
setHeaderOptions({ shown: true }); |
|
}, []); |
|
|
|
return ( |
|
<div |
|
className="overflow-y-scroll overflow-x-hidden flex-1 flex-shrink-0 no-scrollbar pl-5 pb-10 pt-4" |
|
style={{ height: "calc(100vh - 80px)" }} |
|
> |
|
{views[page]} |
|
</div> |
|
); |
|
}; |
|
|
|
const mapStateToProps = (state) => ({}); |
|
|
|
const mapDispatchToProps = { |
|
setHeaderOptions: publicApi.setHeaderOptions, |
|
}; |
|
|
|
export default connect(mapStateToProps, mapDispatchToProps)(Main);
|
|
|