import React, { Component } from 'react';
import { BrowserRouter as Router, Route, Redirect, Switch } from 'react-router-dom';

// import Project from '../components/project/project-page/Project';
import VideosCategory from "../components/work/categories/Videos";
import DevelopmentCategory from "../components/work/categories/Development";

import projectData from '../components/projectData';

import ErrorHero from "../components/error/Hero";

export default class ProjectRoutes extends Component {
    render() {
        return(
            <Router>
                <Switch>
                    <Route exact path="/development">
                        <DevelopmentCategory projectData={projectData} />
                    </Route>
                    <Route exact path="/videos">
                        <VideosCategory projectData={projectData} />
                    </Route>
                    <Route exact path="/wisp" component={() => {
                        window.location.href = "https://discordapp.com/oauth2/authorize/?permissions=335670488&scope=bot&client_id=712088369206919269";
                        return null;
                    }} />
                    <Route exact path="/blog" component={() => {
                        window.location.href = "https://blog.fuwn.me";
                        return null;
                    }} />
                    <Route exact path="/*">
                        <ErrorHero />
                    </Route>
                </Switch>
            </Router>
        )
    }
}