🔨

frontend/src/App.tsx

@@ -1,10 +1,9 @@
-import React from 'react'
 import { BrowserRouter } from 'react-router-dom'
 import { UserContextProvider } from './contexts/UserContext'
 import { CoreLayout } from './layout/CoreLayout'
-import './scss/App.scss'
+import './scss/app.scss'
 
-function App() {
+const App = () => {
   return (
     <BrowserRouter>
       <UserContextProvider>

frontend/src/api/data/index.ts

@@ -1,4 +1,4 @@
-import { User } from '../types'
+import { User } from '../../types'
 
 export const mockUser: User = {
   username: 'TestUser42',

frontend/src/api/index.ts

@@ -1,7 +1,7 @@
 import { message } from 'antd'
 import axios from 'axios'
 import { User } from '../types'
-import { mockUser } from '../data'
+import { mockUser } from './data'
 import { JWT, getJWT, setHeaders, setJWT, wipeJWT } from '../utils/jwt'
 
 const dev = process.env.NODE_ENV === 'development'

frontend/src/pages/Dashboard.tsx

@@ -1,8 +1,3 @@
-import React from 'react'
-import { RouteChildrenProps } from 'react-router'
-
-type Props = RouteChildrenProps & {}
-
-export const Dashboard = (_: Props) => {
+export const Dashboard = () => {
   return <p>a dashboard</p>
 }

frontend/src/pages/Login.tsx

@@ -1,4 +1,4 @@
-import React, { FormEvent, useState } from 'react'
+import { FormEvent, useState } from 'react'
 import { useUserContext } from '../contexts/UserContext'
 
 export const Login = () => {

frontend/src/pages/Profile.tsx

@@ -1,7 +1,3 @@
-import React from 'react'
-
-type Props = {}
-
-export const Profile = (props: Props) => {
+export const Profile = () => {
   return <p>Look, A user profile!</p>
 }

frontend/src/scss/app.scss

@@ -1,29 +1,26 @@
-
 .ant-layout-header.app-header {
-  display: flex; 
+  display: flex;
   flex-direction: row;
   justify-content: space-between;
   vertical-align: middle;
   padding: 0 1rem;
 
- a {
-   font-size: 1.2rem;
-   font-weight: bold;
- }
+  a {
+    font-size: 1.2rem;
+    font-weight: bold;
+  }
 
   div {
     display: flex;
     vertical-align: middle;
     height: 100%;
 
-    * { 
+    * {
       margin: auto 0.5rem;
     }
-
   }
 
   h3.ant-typography {
-    
     margin: auto 0 !important;
   }
 
@@ -36,4 +33,4 @@
   min-height: 100vh;
   // background-color: #444;
   // color: white;
-}
+}