import { Home } from "./components/home/Home";
import { Categories } from './components/categories/Categories';
import { Revise } from './components/revise/Revise';
import { Tabs } from "./components/tabs/Tabs";
import { BrowserRouter, Route, Redirect, Switch } from "react-router-dom";
import { AddWord } from "./components/add-word/AddWord";
import { AddShelf } from "./components/add-shelf/AddShelf";
import { CategoryDetails } from "./components/category-details/CategoryDetails";
import { ShelfDetails } from "./components/shelf-details/ShelfDetails";

function App() {
    return (
        <BrowserRouter>
            <Switch>
                <Route path="/home" component={Home} />
                <Route path="/add-word" component={AddWord} />
                <Route path="/add-shelf" component={AddShelf} />
                <Route path="/categories" component={Categories} />
                <Route path="/category-details/" component={CategoryDetails} />
                <Route path="/shelf-details/" component={ShelfDetails} />
                <Route path="/revise" component={Revise} />
                <Redirect from="/" to="/home" />
            </Switch>
            <Tabs />
        </BrowserRouter>
    );
}

export default App;
