import React from 'react'
import { BrowserRouter, Routes, Route } from "react-router-dom";

import PurchaseDetails from "./components/PurchaseDetails.component";
import ArticleDetails from "./components/ArticleDetails.component";
import ArticleOverview from "./components/ArticleOverview.component";
import Feed from "./components/Feed";

const MyRoutes = (props) => {
    return (
        <BrowserRouter>
            <Routes>
                <Route path="/" element={<Feed />} exact/>
                <Route path="/PurchaseDetails" element={<PurchaseDetails />} />
                <Route path="/ArticleDetails" element={<ArticleDetails />} />
                <Route path="/Articles" element={<ArticleOverview />} />
            </Routes>
        </BrowserRouter>
    )

}

export default MyRoutes
