tanner/cash-stacks
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

🔨

Browse Source
This commit is contained in:
Elijah Lucian 2021-04-11 14:42:56 -07:00
parent a891fa6a50
commit 0185aa5eec
10 changed files with 22 additions and 48 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
docker-compose.yml
View File

@ -6,6 +6,7 @@ services:
context: ./frontend context: ./frontend
volumes: volumes:
- ./frontend/src:/usr/src/frontend/src - ./frontend/src:/usr/src/frontend/src
- ./frontend/public:/usr/src/frontend/public
ports: ports:
- 3000:3000 - 3000:3000
environment: environment:

7
frontend/public/index.html
View File

@ -2,11 +2,14 @@
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="utf-8" /> <meta charset="utf-8" />
<link rel="icon" href="%PUBLIC_URL%/favicon.ico" /> <link
rel="icon"
href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22><text y=%22.9em%22 font-size=%2290%22>💎</text></svg>"
/>
<meta name="viewport" content="width=device-width, initial-scale=1" /> <meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="theme-color" content="#000000" /> <meta name="theme-color" content="#000000" />
<meta name="description" content="The emmest of vee pees" /> <meta name="description" content="The emmest of vee pees" />
<link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" />
<!-- <!--
manifest.json provides metadata used when your web app is installed on a manifest.json provides metadata used when your web app is installed on a
user's mobile device or desktop. See https://developers.google.com/web/fundamentals/web-app-manifest/ user's mobile device or desktop. See https://developers.google.com/web/fundamentals/web-app-manifest/

21
frontend/public/manifest.json
View File

@ -1,23 +1,6 @@
{ {
"short_name": "React App", "short_name": "EZ MVP",
"name": "Create React App Sample", "name": "MVP Django React",
"icons": [
{
"src": "favicon.ico",
"sizes": "64x64 32x32 24x24 16x16",
"type": "image/x-icon"
},
{
"src": "logo192.png",
"type": "image/png",
"sizes": "192x192"
},
{
"src": "logo512.png",
"type": "image/png",
"sizes": "512x512"
}
],
"start_url": ".", "start_url": ".",
"display": "standalone", "display": "standalone",
"theme_color": "#000000", "theme_color": "#000000",

5
frontend/src/App.tsx
View File

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

2
frontend/src/data/index.ts → frontend/src/api/data/index.ts
View File

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

2
frontend/src/api/index.ts
View File

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

7
frontend/src/pages/Dashboard.tsx
View File

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

2
frontend/src/pages/Login.tsx
View File

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

6
frontend/src/pages/Profile.tsx
View File

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

17
frontend/src/scss/App.scss → frontend/src/scss/app.scss
View File

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