Skip to content

Commit b5e9908

Browse files
BrandonCasaBrandonCasa
committedMar 16, 2021
Init
1 parent ec04bcc commit b5e9908

21 files changed

+1817
-112
lines changed
 

‎.firebase/hosting.cHVibGlj.cache

+6
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,6 @@
1+
index.html,1614177370437,820c850791eeaef190f4564272c4cbe718a2f8ead4973eeacc12aa8473f3b4c5
2+
manifest.json,1614177370437,aff3449bdc238776f5d6d967f19ec491b36aed5fb7f23ccff6500736fd58494a
3+
robots.txt,1614177370437,bfe106a3fb878dc83461c86818bf74fc1bdc7f28538ba613cd3e775516ce8b49
4+
favicon.ico,1614177370437,eae62e993eb980ec8a25058c39d5a51feab118bd2100c4deebb2a9c158ec11f9
5+
logo192.png,1614177370437,3ee59515172ee198f3be375979df15ac5345183e656720a381b8872b2a39dc8b
6+
logo512.png,1614177370437,ee7e2f3fdb8209c4b6fd7bef6ba50d1b9dba30a25bb5c3126df057e1cb6f5331

‎.firebaserc

+5
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
{
2+
"projects": {
3+
"default": "skillwatch-70509"
4+
}
5+
}

‎.github/workflows/firebase-hosting-merge.yml

+22
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,22 @@
1+
# This file was auto-generated by the Firebase CLI
2+
# https://github.com/firebase/firebase-tools
3+
4+
name: Deploy to Firebase Hosting on merge
5+
'on':
6+
push:
7+
branches:
8+
- main
9+
jobs:
10+
build_and_deploy:
11+
runs-on: ubuntu-latest
12+
steps:
13+
- uses: actions/checkout@v2
14+
- run: npm ci && npm run build
15+
- uses: FirebaseExtended/action-hosting-deploy@v0
16+
with:
17+
repoToken: '${{ secrets.GITHUB_TOKEN }}'
18+
firebaseServiceAccount: '${{ secrets.FIREBASE_SERVICE_ACCOUNT_SKILLWATCH_70509 }}'
19+
channelId: live
20+
projectId: skillwatch-70509
21+
env:
22+
FIREBASE_CLI_PREVIEWS: hostingchannels

‎.github/workflows/firebase-hosting-pull-request.yml

+18
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,18 @@
1+
# This file was auto-generated by the Firebase CLI
2+
# https://github.com/firebase/firebase-tools
3+
4+
name: Deploy to Firebase Hosting on PR
5+
'on': pull_request
6+
jobs:
7+
build_and_preview:
8+
runs-on: ubuntu-latest
9+
steps:
10+
- uses: actions/checkout@v2
11+
- run: npm ci && npm run build
12+
- uses: FirebaseExtended/action-hosting-deploy@v0
13+
with:
14+
repoToken: '${{ secrets.GITHUB_TOKEN }}'
15+
firebaseServiceAccount: '${{ secrets.FIREBASE_SERVICE_ACCOUNT_SKILLWATCH_70509 }}'
16+
projectId: skillwatch-70509
17+
env:
18+
FIREBASE_CLI_PREVIEWS: hostingchannels

‎database.rules.json

+6
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,6 @@
1+
{
2+
"rules": {
3+
".read": false,
4+
".write": false
5+
}
6+
}

‎firebase.json

+23
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,23 @@
1+
{
2+
"database": {
3+
"rules": "database.rules.json"
4+
},
5+
"firestore": {
6+
"rules": "firestore.rules",
7+
"indexes": "firestore.indexes.json"
8+
},
9+
"hosting": {
10+
"public": "public",
11+
"ignore": [
12+
"firebase.json",
13+
"**/.*",
14+
"**/node_modules/**"
15+
],
16+
"rewrites": [
17+
{
18+
"source": "**",
19+
"destination": "/index.html"
20+
}
21+
]
22+
}
23+
}

‎firestore.indexes.json

+4
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,4 @@
1+
{
2+
"indexes": [],
3+
"fieldOverrides": []
4+
}

‎firestore.rules

+8
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,8 @@
1+
rules_version = '2';
2+
service cloud.firestore {
3+
match /databases/{database}/documents {
4+
match /{document=**} {
5+
allow read, write: if false;
6+
}
7+
}
8+
}

‎package.json

+9
Original file line numberDiff line numberDiff line change
@@ -3,12 +3,21 @@
33
"version": "0.1.0",
44
"private": true,
55
"dependencies": {
6+
"@material-ui/core": "^4.11.3",
7+
"@material-ui/icons": "^4.11.2",
8+
"@rematch/core": "^2.0.0-next.10",
69
"@testing-library/jest-dom": "^5.11.4",
710
"@testing-library/react": "^11.1.0",
811
"@testing-library/user-event": "^12.1.10",
12+
"clsx": "^1.1.1",
13+
"firebase": "^8.3.0",
14+
"node-sass": "4.14.1",
915
"react": "^17.0.1",
1016
"react-dom": "^17.0.1",
17+
"react-redux": "^7.2.2",
18+
"react-router-dom": "^5.2.0",
1119
"react-scripts": "4.0.3",
20+
"redux": "^4.0.5",
1221
"web-vitals": "^1.0.1"
1322
},
1423
"scripts": {

‎src/App.css

-38
This file was deleted.

‎src/App.js

-25
This file was deleted.

‎src/components/primary/App.js

+109
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,109 @@
1+
import React from "react";
2+
3+
import clsx from "clsx";
4+
import AppBar from "@material-ui/core/AppBar";
5+
import Toolbar from "@material-ui/core/Toolbar";
6+
import Typography from "@material-ui/core/Typography";
7+
import IconButton from "@material-ui/core/IconButton";
8+
import MenuIcon from "@material-ui/icons/Menu";
9+
import ChevronLeftIcon from "@material-ui/icons/ChevronLeft";
10+
import AccountCircle from "@material-ui/icons/AccountCircle";
11+
import MenuItem from "@material-ui/core/MenuItem";
12+
import Menu from "@material-ui/core/Menu";
13+
import CssBaseline from "@material-ui/core/CssBaseline";
14+
import { createMuiTheme, ThemeProvider } from "@material-ui/core/styles";
15+
16+
import { BrowserRouter as Router, Switch, Route } from "react-router-dom";
17+
import "./App.scss";
18+
19+
import HomeContainer from "../../containers/HomeContainer";
20+
21+
const theme = createMuiTheme({
22+
palette: {
23+
type: "dark",
24+
},
25+
});
26+
27+
function App(props) {
28+
const [profBtnAnchorEl, setProfBtnAnchorEl] = React.useState(null);
29+
const profBtnOpen = Boolean(profBtnAnchorEl);
30+
31+
const handleMenu = (event) => {
32+
setProfBtnAnchorEl(event.currentTarget);
33+
};
34+
35+
const handleClose = () => {
36+
setProfBtnAnchorEl(null);
37+
};
38+
39+
return (
40+
<div className="App">
41+
<ThemeProvider theme={theme}>
42+
<CssBaseline />
43+
<AppBar
44+
position="static"
45+
className={clsx("AppBar", {
46+
AppBarShift: props.primaryDrawerOpen,
47+
})}
48+
>
49+
<Toolbar
50+
className={clsx("Toolbar", {
51+
ToolbarShift: props.primaryDrawerOpen,
52+
})}
53+
>
54+
<IconButton
55+
edge="start"
56+
className={clsx("MenuButtonVisible", {
57+
MenuButtonInvisible: props.primaryDrawerOpen,
58+
})}
59+
color="inherit"
60+
onClick={() => {
61+
props.setPrimaryDrawerOpen(true);
62+
}}
63+
>
64+
<MenuIcon />
65+
</IconButton>
66+
<Typography
67+
variant="h6"
68+
className={clsx("TitleVisible", {
69+
TitleInvisible: props.primaryDrawerOpen,
70+
})}
71+
>
72+
Skillwatch
73+
</Typography>
74+
<IconButton onClick={handleMenu} color="inherit">
75+
<AccountCircle />
76+
</IconButton>
77+
<Menu
78+
id="menu-appbar"
79+
anchorEl={profBtnAnchorEl}
80+
anchorOrigin={{
81+
vertical: "top",
82+
horizontal: "right",
83+
}}
84+
keepMounted
85+
transformOrigin={{
86+
vertical: "top",
87+
horizontal: "right",
88+
}}
89+
open={profBtnOpen}
90+
onClose={handleClose}
91+
>
92+
<MenuItem onClick={handleClose}>Profile</MenuItem>
93+
<MenuItem onClick={handleClose}>My account</MenuItem>
94+
</Menu>
95+
</Toolbar>
96+
</AppBar>
97+
<Router>
98+
<Switch>
99+
<Route path="/">
100+
<HomeContainer />
101+
</Route>
102+
</Switch>
103+
</Router>
104+
</ThemeProvider>
105+
</div>
106+
);
107+
}
108+
109+
export default App;

‎src/components/primary/App.scss

+47
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,47 @@
1+
.App {
2+
flex-grow: 1;
3+
overflow: hidden;
4+
5+
.MenuButtonVisible {
6+
margin-right: 16px;
7+
opacity: 1;
8+
transition: opacity 225ms cubic-bezier(0, 0, 0.2, 1) 0ms;
9+
}
10+
.MenuButtonInvisible {
11+
opacity: 0;
12+
transition: opacity 225ms cubic-bezier(0, 0, 0.2, 1) 0ms;
13+
}
14+
15+
.TitleVisible {
16+
flex-grow: 1;
17+
opacity: 1;
18+
transition: opacity 225ms cubic-bezier(0, 0, 0.2, 1) 0ms;
19+
}
20+
.TitleInvisible {
21+
flex-grow: 1;
22+
opacity: 0;
23+
transition: opacity 225ms cubic-bezier(0, 0, 0.2, 1) 0ms;
24+
}
25+
26+
.AppBar {
27+
flex-grow: 1;
28+
margin-left: 0px;
29+
transition: margin-left 225ms cubic-bezier(0, 0, 0.2, 1) 0ms;
30+
31+
.Toolbar {
32+
margin-right: 0px;
33+
transition: margin-right 225ms cubic-bezier(0, 0, 0.2, 1) 0ms;
34+
}
35+
}
36+
37+
.AppBarShift {
38+
flex-grow: 1;
39+
margin-left: 240px;
40+
transition: margin-left 225ms cubic-bezier(0, 0, 0.2, 1) 0ms;
41+
42+
.Toolbar {
43+
margin-right: 240px;
44+
transition: margin-right 225ms cubic-bezier(0, 0, 0.2, 1) 0ms;
45+
}
46+
}
47+
}

0 commit comments

Comments
 (0)