import {Redirect, Route, Switch} from "react-router-dom";
import {Home} from "../pages/Home/Home";
import {About} from "../pages/About/About";
import {Membership} from "../pages/Membership/Membership";
import {DetailUser} from "../pages/Membership/DetailUser";
import {Product} from "../pages/Product/Product";
import {DetailProduct} from "../pages/Product/DetailProduct";
import {Transaction} from "../pages/Transaction/Transaction";
import {Profile} from "../pages/Profile/Profile";
import {Commission} from "../pages/Config/Commission";
import {Partner} from "../pages/Config/Partner";
import {Supplier} from "../pages/Config/Supplier";
import {Category} from "../pages/Product/Category";
import {Payback} from "../pages/Payback/Payback";
import {PaybackFromUser} from "../pages/Payback/PaybackFromUser";
import {Subcategory} from "../pages/Product/Subcategory";

export const LINKS = {
    HOME: "/app/home",
    ABOUT: "/app/about",
    MEMBERSHIP: "/app/membership",
    PRODUCT: "/app/product",
    TRANSACTION: "/app/transaction",
    PROFILE: "/app/profile",
    PARTNER: "/app/partner",
    COMMISSION: "/app/commission",
    SUPPLIER: "/app/supplier",
    CATEGORY: "/app/category",
    PAYBACK: "/app/payback",
    PAYBACKFROMUSER: "/app/payback-from-user",
    SUBCATEGORY: "/app/subcategory",
    DETAILUSER: "/app/detail-user",
    DETAILPRODUCT: "/app/detail-product",
};

export const AppRoute = () => {
    return <Switch>
        <Route path={LINKS.HOME}>
            <Home/>
        </Route>
        <Route path={LINKS.DETAILUSER}>
            <DetailUser/>
        </Route>
        <Route path={LINKS.DETAILPRODUCT}>
            <DetailProduct/>
        </Route>
        <Route path={LINKS.COMMISSION}>
            <Commission/>
        </Route>
        <Route path={LINKS.PAYBACKFROMUSER}>
            <PaybackFromUser/>
        </Route>
        <Route path={LINKS.CATEGORY}>
            <Category/>
        </Route>
        <Route path={LINKS.SUBCATEGORY}>
            <Subcategory/>
        </Route>
        <Route path={LINKS.SUPPLIER}>
            <Supplier/>
        </Route>
        <Route path={LINKS.MEMBERSHIP}>
            <Membership/>
        </Route>
        <Route path={LINKS.PRODUCT}>
            <Product/>
        </Route>
        <Route path={LINKS.PARTNER}>
            <Partner/>
        </Route>
        <Route path={LINKS.TRANSACTION}>
            <Transaction/>
        </Route>
        <Route path={LINKS.PAYBACK}>
            <Payback/>
        </Route>
        <Route path={LINKS.ABOUT}>
            <About/>
        </Route>
        <Route path={LINKS.PROFILE}>
            <Profile/>
        </Route>
        <Route path="/app" exact>
            <Redirect to={LINKS.HOME}/>
        </Route>
    </Switch>
}