refactor: reorganize code

Author: angristan

src/App.tsx

@@ -3,13 +3,13 @@ import { QueryClient, QueryClientProvider } from 'react-query';
 import { ReactQueryDevtools } from 'react-query/devtools';
 import { BrowserRouter, Route, Switch } from 'react-router-dom';
 import './App.css';
-import BenchmarkDetail from './components/benchmarks/BenchmarkDetail';
-import { Benchmarks } from './components/benchmarks/Benchmarks';
-import { CreateBenchmark } from './components/benchmarks/CreateBenchmark';
-import Dashboard from './components/Dashboard';
+import BenchmarkDetail from './components/Benchmarks/BenchmarkDetail';
+import { Benchmarks } from './components/Benchmarks/Benchmarks';
+import { CreateBenchmark } from './components/Benchmarks/CreateBenchmark';
+import Dashboard from './components/Dashboard/Dashboard';
 import Landing from './components/Landing';
 import Login from './components/Login';
-import PrivateRoute from './components/PrivateRoute';
+import PrivateRoute from './components/Routing/PrivateRoute';
 
 function App() {
   const queryClient = new QueryClient();

src/api/BenchmarkServices.ts

@@ -1,5 +1,5 @@
 import axios, { AxiosResponse } from 'axios';
-import benchmarkModel from '../components/benchmarks/BenchmarkModel';
+import benchmarkModel from '../components/Benchmarks/BenchmarkModel';
 // import useToken from "../utils/useToken";
 
 export class BenchmarkServices {

src/components/benchmarks/BenchmarkDetail.tsx renamed to src/components/Benchmarks/BenchmarkDetail.tsx

@@ -1,8 +1,8 @@
 import React, { useEffect, useState } from 'react';
 import { Link, Redirect } from 'react-router-dom';
 import { BenchmarkServices } from '../../api/BenchmarkServices';
-import Header from '../Header';
-import Page from '../Page';
+import Header from '../Page/Header';
+import Page from '../Page/Page';
 
 // @ts-ignore
 const BenchmarkDetail = (props) => {

src/components/benchmarks/BenchmarkModel.ts renamed to src/components/Benchmarks/BenchmarkModel.ts

@@ -1,8 +1,8 @@
 import React from 'react';
 import { Link } from 'react-router-dom';
 import { BenchmarkServices } from '../../api/BenchmarkServices';
-import Header from '../Header';
-import Page from '../Page';
+import Header from '../Page/Header';
+import Page from '../Page/Page';
 import benchmarkModel from './BenchmarkModel';
 
 // @ts-ignore

src/components/benchmarks/Benchmarks.tsx renamed to src/components/Benchmarks/Benchmarks.tsx

@@ -1,9 +1,9 @@
 import React from 'react';
 import { Link } from 'react-router-dom';
 import { BenchmarkServices } from '../../api/BenchmarkServices';
-import Label from '../../utils/Label';
-import Header from '../Header';
-import Page from '../Page';
+import Label from '../utils/Label';
+import Header from '../Page/Header';
+import Page from '../Page/Page';
 
 export class CreateBenchmark extends React.Component<
   {},

src/components/benchmarks/CreateBenchmark.tsx renamed to src/components/Benchmarks/CreateBenchmark.tsx

@@ -1,8 +1,8 @@
 import Editor from '@monaco-editor/react';
 import React, { useRef } from 'react';
-import useProcessInterval from '../api/submissions';
-import Header from './Header';
-import Page from './Page';
+import useProcessInterval from '../../hooks/submissions';
+import Header from '../Page/Header';
+import Page from '../Page/Page';
 import Result from './Result';
 
 export default function Example() {

src/components/Dashboard.tsx renamed to src/components/Dashboard/Dashboard.tsx

@@ -2,7 +2,7 @@ import { LockClosedIcon } from '@heroicons/react/solid';
 import React from 'react';
 import { useHistory } from 'react-router-dom';
 import login from '../api/auth';
-import useToken from '../utils/useToken';
+import useToken from '../hooks/token';
 
 const Login: React.FC = () => {
   const history = useHistory();