Skip to content

Commit 4ce3605

Browse files
author
Bart Hazen
committed
Set up absolute imports.
1 parent cf6a8b1 commit 4ce3605

File tree

9 files changed

+169
-34
lines changed

9 files changed

+169
-34
lines changed

‎jsconfig.json‎

Lines changed: 8 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,8 @@
1+
{
2+
"compilerOptions": {
3+
"baseUrl": "./src"
4+
},
5+
"include": [
6+
"src/**/*"
7+
]
8+
}

‎src/components/Header/index.js‎

Lines changed: 10 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -1,13 +1,13 @@
1-
import React from 'react';
2-
import PropTypes from 'prop-types';
3-
import AppBar from '@material-ui/core/AppBar';
4-
import Grid from '@material-ui/core/Grid';
5-
import Hidden from '@material-ui/core/Hidden';
6-
import IconButton from '@material-ui/core/IconButton';
7-
import MenuIcon from '@material-ui/icons/Menu';
8-
import Toolbar from '@material-ui/core/Toolbar';
9-
import Typography from '@material-ui/core/Typography';
10-
import { withStyles } from '@material-ui/core/styles';
1+
import React from "react";
2+
import PropTypes from "prop-types";
3+
import AppBar from "@material-ui/core/AppBar";
4+
import Grid from "@material-ui/core/Grid";
5+
import Hidden from "@material-ui/core/Hidden";
6+
import IconButton from "@material-ui/core/IconButton";
7+
import MenuIcon from "@material-ui/icons/Menu";
8+
import Toolbar from "@material-ui/core/Toolbar";
9+
import Typography from "@material-ui/core/Typography";
10+
import { withStyles } from "@material-ui/core/styles";
1111

1212
const lightColor = 'rgba(255, 255, 255, 0.7)';
1313

‎src/components/Navigator/index.js‎

Lines changed: 127 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,127 @@
1+
import React from "react";
2+
import PropTypes from "prop-types";
3+
import clsx from "clsx";
4+
import { withStyles } from "@material-ui/core/styles";
5+
import Divider from "@material-ui/core/Divider";
6+
import Drawer from "@material-ui/core/Drawer";
7+
import List from "@material-ui/core/List";
8+
import ListItem from "@material-ui/core/ListItem";
9+
import ListItemIcon from "@material-ui/core/ListItemIcon";
10+
import ListItemText from "@material-ui/core/ListItemText";
11+
import HomeIcon from "@material-ui/icons/Home";
12+
import SettingsIcon from "@material-ui/icons/Settings";
13+
14+
const categories = [
15+
{
16+
id: 'Generators',
17+
children: [
18+
{ id: 'setup.py', icon: <SettingsIcon />, href: "/setup-py-generator" },
19+
],
20+
},
21+
];
22+
23+
const styles = (theme) => ({
24+
categoryHeader: {
25+
paddingTop: theme.spacing(2),
26+
paddingBottom: theme.spacing(2),
27+
},
28+
categoryHeaderPrimary: {
29+
color: theme.palette.common.white,
30+
},
31+
item: {
32+
paddingTop: 1,
33+
paddingBottom: 1,
34+
color: 'rgba(255, 255, 255, 0.7)',
35+
'&:hover,&:focus': {
36+
backgroundColor: 'rgba(255, 255, 255, 0.08)',
37+
},
38+
},
39+
itemCategory: {
40+
backgroundColor: '#232f3e',
41+
boxShadow: '0 -1px 0 #404854 inset',
42+
paddingTop: theme.spacing(2),
43+
paddingBottom: theme.spacing(2),
44+
},
45+
firebase: {
46+
fontSize: 24,
47+
color: theme.palette.common.white,
48+
},
49+
itemActiveItem: {
50+
color: '#4fc3f7',
51+
},
52+
itemPrimary: {
53+
fontSize: 'inherit',
54+
},
55+
itemIcon: {
56+
minWidth: 'auto',
57+
marginRight: theme.spacing(2),
58+
},
59+
divider: {
60+
marginTop: theme.spacing(2),
61+
},
62+
});
63+
64+
function Navigator(props) {
65+
const { classes, ...other } = props;
66+
67+
return (
68+
<Drawer variant="permanent" {...other}>
69+
<List disablePadding>
70+
<ListItem className={clsx(classes.firebase, classes.item, classes.itemCategory)}>
71+
Python Create
72+
</ListItem>
73+
<ListItem component="a" href="/" className={clsx(classes.item, classes.itemCategory)}>
74+
<ListItemIcon className={classes.itemIcon}>
75+
<HomeIcon />
76+
</ListItemIcon>
77+
<ListItemText
78+
classes={{
79+
primary: classes.itemPrimary,
80+
}}
81+
>
82+
Home
83+
</ListItemText>
84+
</ListItem>
85+
{categories.map(({ id, children }) => (
86+
<React.Fragment key={id}>
87+
<ListItem className={classes.categoryHeader}>
88+
<ListItemText
89+
classes={{
90+
primary: classes.categoryHeaderPrimary,
91+
}}
92+
>
93+
{id}
94+
</ListItemText>
95+
</ListItem>
96+
{children.map(({ id: childId, href, icon, active }) => (
97+
<ListItem
98+
key={childId}
99+
button
100+
component="a"
101+
href={href}
102+
className={clsx(classes.item, active && classes.itemActiveItem)}
103+
>
104+
<ListItemIcon className={classes.itemIcon}>{icon}</ListItemIcon>
105+
<ListItemText
106+
classes={{
107+
primary: classes.itemPrimary,
108+
}}
109+
>
110+
{childId}
111+
</ListItemText>
112+
</ListItem>
113+
))}
114+
115+
<Divider className={classes.divider} />
116+
</React.Fragment>
117+
))}
118+
</List>
119+
</Drawer>
120+
);
121+
}
122+
123+
Navigator.propTypes = {
124+
classes: PropTypes.object.isRequired,
125+
};
126+
127+
export default withStyles(styles)(Navigator);

‎src/index.js‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,8 @@
1-
import React from 'react';
2-
import ReactDOM from 'react-dom';
1+
import React from "react";
2+
import ReactDOM from "react-dom";
33

4-
import './index.scss';
5-
import App from './App';
4+
import "./index.scss";
5+
import App from "./App";
66

77
ReactDOM.render(
88
<React.StrictMode>

‎src/pages/Homepage/index.js‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
1-
import React from 'react';
2-
import Header from '../../components/Header';
1+
import React from "react";
2+
import Header from "components/Header";
33

4-
import './style.scss';
4+
import "./style.scss";
55

66
export default class Homepage extends React.Component {
77
render() {

‎src/pages/SetupPy/index.js‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
1-
import React from 'react';
2-
import Header from '../../components/Header';
1+
import React from "react";
2+
import Header from "components/Header";
33

4-
import './style.scss';
4+
import "./style.scss";
55

66
export default class SetupPy extends React.Component {
77
render() {

‎src/routes/RouteWithScene.js‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
1-
import React from 'react';
2-
import { Route } from 'react-router-dom';
3-
import PropTypes from 'prop-types';
1+
import React from "react";
2+
import { Route } from "react-router-dom";
3+
import PropTypes from "prop-types";
44

55
const RouteWithScene = props => {
66
const { scene: Scene, component: Component, ...rest } = props;

‎src/routes/index.js‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,9 @@
11
import React from "react";
22
import { Switch, Redirect } from "react-router-dom";
33

4-
import Paperbase from "../scenes/Main"
5-
import SetupPy from "../pages/SetupPy"
6-
import Homepage from "../pages/Homepage"
4+
import Paperbase from "scenes/Main";
5+
import SetupPy from "pages/SetupPy";
6+
import Homepage from "pages/Homepage";
77
import RouteWithScene from "./RouteWithScene";
88

99
export default function Routes() {

‎src/scenes/Main/index.js‎

Lines changed: 8 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -1,11 +1,11 @@
1-
import React from 'react';
2-
import PropTypes from 'prop-types';
3-
import { createMuiTheme, ThemeProvider, withStyles } from '@material-ui/core/styles';
4-
import CssBaseline from '@material-ui/core/CssBaseline';
5-
import Hidden from '@material-ui/core/Hidden';
6-
import Typography from '@material-ui/core/Typography';
7-
import Link from '@material-ui/core/Link';
8-
import Navigator from '../../components/Navigator';
1+
import React from "react";
2+
import PropTypes from "prop-types";
3+
import { createMuiTheme, ThemeProvider, withStyles } from "@material-ui/core/styles";
4+
import CssBaseline from "@material-ui/core/CssBaseline";
5+
import Hidden from "@material-ui/core/Hidden";
6+
import Typography from "@material-ui/core/Typography";
7+
import Link from "@material-ui/core/Link";
8+
import Navigator from "components/Navigator";
99

1010

1111
function Copyright() {

0 commit comments

Comments
 (0)