Untitled

import React from "react";

import { Redirect, Route, Switch } from "react-router-dom";

import { SlugProvider } from "./contexts/slug";
import Header from "./Header";

import {
  ARTICLES_ACTION_ROUTES,
  ARTICLES_PATH,
  DASHBOARD_PATH,
  DASHBOARD_ROUTES,
} from "../routeConstants";

const Dashboard = () => (
  <SlugProvider>
    <Header
      title="Scribble"
      navLinks={DASHBOARD_ROUTES.map(({ path, label }) => ({
        to: path,
        label,
      }))}
    />
    <Switch>
      {[...DASHBOARD_ROUTES, ...ARTICLES_ACTION_ROUTES].map(
        ({ path, component }) => (
          <Route exact component={component} key={path} path={path} />
        )
      )}
      <Redirect from={DASHBOARD_PATH} to={ARTICLES_PATH} />
    </Switch>
  </SlugProvider>
);

export default Dashboard;