Newer
Older
import React from "react";
import { BrowserRouter, Switch, Route } from "react-router-dom";
import { Container, Row } from "react-bootstrap";
import MemberAdder from "./member/MemberAdder";
import MemberEditer from "./member/MemberEditer";
import MemberList from "./member/MemberList";
import ProductList from "./ProductList";
import Dashboard from "./Dashboard";
import OwnPassword from "./OwnPassword";
import Purchase from "./purchase/Purchase";
import Topup from "./Topup";
import ShowTransaction from "./ShowTransaction";
import ShowOrder from "./order/ShowOrder";
import CreateOrder from "./order/CreateOrder";
import SignIn from "./SignIn";
import ResetRequest from "./ResetRequest";
import ResetPassword from "./ResetPassword";
import Head from "./Head";
import logo from "./logo.svg";
function Panel(props) {
if (props.isLogged) {
return <LogedPanel onLogout={props.onLogout} />;
}
return <UnlogedPanel onLogin={props.onLogin} />;
}
function LogedPanel(props) {
return (
<div>
<BrowserRouter>
<Head onLogout={props.onLogout} />
<Container>
<Switch>
<Route path="/members/add">
<MemberAdder />
</Route>
<Route path="/member/:num">
<MemberEditer />
</Route>
<Route path="/members/purchase">
<Purchase member />
</Route>
<Route path="/members">
<MemberList />
</Route>
<Route path="/products">
<ProductList />
</Route>
<Route path="/transaction/:id">
<ShowTransaction />
</Route>
<Route path="/password">
<OwnPassword />
</Route>
<Route path="/purchase">
<Purchase />
</Route>
<Route path="/topup/:num">
<Topup />
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
</Route>
<Route path="/topup">
<Topup />
</Route>
<Route path="/order/create">
<CreateOrder />
</Route>
<Route path="/order/:id" component={ShowOrder} />
<Route path="/">
<Dashboard />
</Route>
</Switch>
</Container>
</BrowserRouter>
</div>
);
}
function UnlogedPanel(props) {
return (
<Container>
<Row className="justify-content-center">
<img src={logo} alt="Garbanzo Negro" />
</Row>
<BrowserRouter>
<Switch>
<Route path="/reset/:token" component={ResetPassword} />
<Route path="/nreset/:token">
<ResetPassword login />
</Route>
<Route path="/reset/" component={ResetRequest} />
<Route path="/">
<SignIn onLogin={props.onLogin} />
</Route>
</Switch>
</BrowserRouter>
</Container>
);
}
export default Panel;