-
- {children}
-
-
-
- );
-};
-
-Main.propTypes = {
- children: PropTypes.node
-};
-
-export default Main;
diff --git a/webui/src/layouts/Main/Main.jsx b/webui/src/layouts/Main/Main.jsx
new file mode 100644
index 0000000..8717d2a
--- /dev/null
+++ b/webui/src/layouts/Main/Main.jsx
@@ -0,0 +1,71 @@
+import React, {useState} from 'react';
+import PropTypes from 'prop-types';
+import clsx from 'clsx';
+import {makeStyles, useTheme} from '@material-ui/styles';
+import {useMediaQuery} from '@material-ui/core';
+
+import {Sidebar, Topbar, Footer} from './components';
+
+const useStyles = makeStyles(theme => ({
+ root: {
+ paddingTop: 56,
+ height: '100%',
+ [theme.breakpoints.up('sm')]: {
+ paddingTop: 64
+ }
+ },
+ shiftContent: {
+ paddingLeft: 240
+ },
+ content: {
+ height: '100%'
+ }
+}));
+
+const Main = props => {
+ const {children} = props;
+
+ const classes = useStyles();
+ const theme = useTheme();
+ const isDesktop = useMediaQuery(theme.breakpoints.up('lg'), {
+ defaultMatches: true
+ });
+
+ const [openSidebar, setOpenSidebar] = useState(false);
+
+ const handleSidebarOpen = () => {
+ setOpenSidebar(true);
+ };
+
+ const handleSidebarClose = () => {
+ setOpenSidebar(false);
+ };
+
+ const shouldOpenSidebar = isDesktop ? true : openSidebar;
+
+ return (
+
+
+
+ {children}
+
+
+
+ );
+};
+
+Main.propTypes = {
+ children: PropTypes.node
+};
+
+export default Main;
diff --git a/webui/src/layouts/Main/components/Footer/Footer.js b/webui/src/layouts/Main/components/Footer/Footer.js
deleted file mode 100644
index e872edc..0000000
--- a/webui/src/layouts/Main/components/Footer/Footer.js
+++ /dev/null
@@ -1,46 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import clsx from 'clsx';
-import { makeStyles } from '@material-ui/styles';
-import { Typography, Link } from '@material-ui/core';
-
-const useStyles = makeStyles(theme => ({
- root: {
- padding: theme.spacing(4)
- }
-}));
-
-const Footer = props => {
- const { className, ...rest } = props;
-
- const classes = useStyles();
-
- return (
-
-
- ©{' '}
-
- Devias IO
-
- . 2019
-
-
- Created with love for the environment. By designers and developers who
- love to work together in offices!
-
-
- );
-};
-
-Footer.propTypes = {
- className: PropTypes.string
-};
-
-export default Footer;
diff --git a/webui/src/layouts/Main/components/Footer/Footer.jsx b/webui/src/layouts/Main/components/Footer/Footer.jsx
new file mode 100644
index 0000000..faed4a8
--- /dev/null
+++ b/webui/src/layouts/Main/components/Footer/Footer.jsx
@@ -0,0 +1,42 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import clsx from 'clsx';
+import {makeStyles} from '@material-ui/styles';
+import {Typography, Link} from '@material-ui/core';
+
+const useStyles = makeStyles(theme => ({
+ root: {
+ padding: theme.spacing(4)
+ }
+}));
+
+const Footer = props => {
+ const {className, ...rest} = props;
+
+ const classes = useStyles();
+
+ return (
+
+
+ ©{' '}
+
+ Devias IO
+
+ . 2019
+
+
+ );
+};
+
+Footer.propTypes = {
+ className: PropTypes.string
+};
+
+export default Footer;
diff --git a/webui/src/layouts/Main/components/Footer/index.js b/webui/src/layouts/Main/components/Footer/index.js
deleted file mode 100644
index be92134..0000000
--- a/webui/src/layouts/Main/components/Footer/index.js
+++ /dev/null
@@ -1 +0,0 @@
-export { default } from './Footer';
diff --git a/webui/src/layouts/Main/components/Footer/index.jsx b/webui/src/layouts/Main/components/Footer/index.jsx
new file mode 100644
index 0000000..52f9f96
--- /dev/null
+++ b/webui/src/layouts/Main/components/Footer/index.jsx
@@ -0,0 +1 @@
+export {default} from './Footer';
diff --git a/webui/src/layouts/Main/components/Sidebar/Sidebar.js b/webui/src/layouts/Main/components/Sidebar/Sidebar.js
deleted file mode 100644
index c2394b5..0000000
--- a/webui/src/layouts/Main/components/Sidebar/Sidebar.js
+++ /dev/null
@@ -1,119 +0,0 @@
-import React from 'react';
-import clsx from 'clsx';
-import PropTypes from 'prop-types';
-import { makeStyles } from '@material-ui/styles';
-import { Divider, Drawer } from '@material-ui/core';
-import DashboardIcon from '@material-ui/icons/Dashboard';
-import PeopleIcon from '@material-ui/icons/People';
-import ShoppingBasketIcon from '@material-ui/icons/ShoppingBasket';
-import TextFieldsIcon from '@material-ui/icons/TextFields';
-import ImageIcon from '@material-ui/icons/Image';
-import AccountBoxIcon from '@material-ui/icons/AccountBox';
-import SettingsIcon from '@material-ui/icons/Settings';
-import LockOpenIcon from '@material-ui/icons/LockOpen';
-
-import { Profile, SidebarNav, UpgradePlan } from './components';
-
-const useStyles = makeStyles(theme => ({
- drawer: {
- width: 240,
- [theme.breakpoints.up('lg')]: {
- marginTop: 64,
- height: 'calc(100% - 64px)'
- }
- },
- root: {
- backgroundColor: theme.palette.white,
- display: 'flex',
- flexDirection: 'column',
- height: '100%',
- padding: theme.spacing(2)
- },
- divider: {
- margin: theme.spacing(2, 0)
- },
- nav: {
- marginBottom: theme.spacing(2)
- }
-}));
-
-const Sidebar = props => {
- const { open, variant, onClose, className, ...rest } = props;
-
- const classes = useStyles();
-
- const pages = [
- {
- title: 'Dashboard',
- href: '/dashboard',
- icon:
-
-
+
+
-
- {user.name}
-
- {user.bio}
-
- );
-};
-
-Profile.propTypes = {
- className: PropTypes.string
-};
-
-export default Profile;
diff --git a/webui/src/layouts/Main/components/Sidebar/components/Profile/index.js b/webui/src/layouts/Main/components/Sidebar/components/Profile/index.js
deleted file mode 100644
index 23358a2..0000000
--- a/webui/src/layouts/Main/components/Sidebar/components/Profile/index.js
+++ /dev/null
@@ -1 +0,0 @@
-export { default } from './Profile';
diff --git a/webui/src/layouts/Main/components/Sidebar/components/SidebarNav/SidebarNav.js b/webui/src/layouts/Main/components/Sidebar/components/SidebarNav/SidebarNav.js
deleted file mode 100644
index e33703f..0000000
--- a/webui/src/layouts/Main/components/Sidebar/components/SidebarNav/SidebarNav.js
+++ /dev/null
@@ -1,88 +0,0 @@
-/* eslint-disable react/no-multi-comp */
-/* eslint-disable react/display-name */
-import React, { forwardRef } from 'react';
-import { NavLink as RouterLink } from 'react-router-dom';
-import clsx from 'clsx';
-import PropTypes from 'prop-types';
-import { makeStyles } from '@material-ui/styles';
-import { List, ListItem, Button, colors } from '@material-ui/core';
-
-const useStyles = makeStyles(theme => ({
- root: {},
- item: {
- display: 'flex',
- paddingTop: 0,
- paddingBottom: 0
- },
- button: {
- color: colors.blueGrey[800],
- padding: '10px 8px',
- justifyContent: 'flex-start',
- textTransform: 'none',
- letterSpacing: 0,
- width: '100%',
- fontWeight: theme.typography.fontWeightMedium
- },
- icon: {
- color: theme.palette.icon,
- width: 24,
- height: 24,
- display: 'flex',
- alignItems: 'center',
- marginRight: theme.spacing(1)
- },
- active: {
- color: theme.palette.primary.main,
- fontWeight: theme.typography.fontWeightMedium,
- '& $icon': {
- color: theme.palette.primary.main
- }
- }
-}));
-
-const CustomRouterLink = forwardRef((props, ref) => (
-
-
-));
-
-const SidebarNav = props => {
- const { pages, className, ...rest } = props;
-
- const classes = useStyles();
-
- return (
- -
- {pages.map(page => (
-
+
+));
+
+const SidebarNav = props => {
+ const {pages, className, ...rest} = props;
+
+ const classes = useStyles();
+
+ return (
+ -
+ {pages.map(page => (
+
-
- );
-};
-
-UpgradePlan.propTypes = {
- className: PropTypes.string
-};
-
-export default UpgradePlan;
diff --git a/webui/src/layouts/Main/components/Sidebar/components/UpgradePlan/index.js b/webui/src/layouts/Main/components/Sidebar/components/UpgradePlan/index.js
deleted file mode 100644
index 91bd301..0000000
--- a/webui/src/layouts/Main/components/Sidebar/components/UpgradePlan/index.js
+++ /dev/null
@@ -1 +0,0 @@
-export { default } from './UpgradePlan';
diff --git a/webui/src/layouts/Main/components/Sidebar/components/index.js b/webui/src/layouts/Main/components/Sidebar/components/index.js
deleted file mode 100644
index 679c17e..0000000
--- a/webui/src/layouts/Main/components/Sidebar/components/index.js
+++ /dev/null
@@ -1,3 +0,0 @@
-export { default as Profile } from './Profile';
-export { default as SidebarNav } from './SidebarNav';
-export { default as UpgradePlan } from './UpgradePlan';
diff --git a/webui/src/layouts/Main/components/Sidebar/components/index.jsx b/webui/src/layouts/Main/components/Sidebar/components/index.jsx
new file mode 100644
index 0000000..3dcee7a
--- /dev/null
+++ b/webui/src/layouts/Main/components/Sidebar/components/index.jsx
@@ -0,0 +1 @@
+export { default as SidebarNav } from './SidebarNav';
diff --git a/webui/src/layouts/Main/components/Sidebar/index.js b/webui/src/layouts/Main/components/Sidebar/index.jsx
similarity index 100%
rename from webui/src/layouts/Main/components/Sidebar/index.js
rename to webui/src/layouts/Main/components/Sidebar/index.jsx
diff --git a/webui/src/layouts/Main/components/Topbar/Topbar.js b/webui/src/layouts/Main/components/Topbar/Topbar.js
deleted file mode 100644
index dff9168..0000000
--- a/webui/src/layouts/Main/components/Topbar/Topbar.js
+++ /dev/null
@@ -1,78 +0,0 @@
-import React, { useState } from 'react';
-import { Link as RouterLink } from 'react-router-dom';
-import clsx from 'clsx';
-import PropTypes from 'prop-types';
-import { makeStyles } from '@material-ui/styles';
-import { AppBar, Toolbar, Badge, Hidden, IconButton } from '@material-ui/core';
-import MenuIcon from '@material-ui/icons/Menu';
-import NotificationsIcon from '@material-ui/icons/NotificationsOutlined';
-import InputIcon from '@material-ui/icons/Input';
-
-const useStyles = makeStyles(theme => ({
- root: {
- boxShadow: 'none'
- },
- flexGrow: {
- flexGrow: 1
- },
- signOutButton: {
- marginLeft: theme.spacing(1)
- }
-}));
-
-const Topbar = props => {
- const { className, onSidebarOpen, ...rest } = props;
-
- const classes = useStyles();
-
- const [notifications] = useState([]);
-
- return (
-
- 
-
-
-
-
- Upgrade to PRO
-
-
- Upgrade to Devias Kit PRO and get even more components
-
-
-
-
-
- 
-
+
+
+
+
+
+
+
+
+
+
+ );
+};
+
+Topbar.propTypes = {
+ className: PropTypes.string,
+ onSidebarOpen: PropTypes.func
+};
+
+export default Topbar;
diff --git a/webui/src/layouts/Main/components/Topbar/index.js b/webui/src/layouts/Main/components/Topbar/index.jsx
similarity index 100%
rename from webui/src/layouts/Main/components/Topbar/index.js
rename to webui/src/layouts/Main/components/Topbar/index.jsx
diff --git a/webui/src/layouts/Main/components/index.js b/webui/src/layouts/Main/components/index.js
deleted file mode 100644
index 17441e4..0000000
--- a/webui/src/layouts/Main/components/index.js
+++ /dev/null
@@ -1,3 +0,0 @@
-export { default as Footer } from './Footer';
-export { default as Sidebar } from './Sidebar';
-export { default as Topbar } from './Topbar';
diff --git a/webui/src/layouts/Main/components/index.jsx b/webui/src/layouts/Main/components/index.jsx
new file mode 100644
index 0000000..b1db755
--- /dev/null
+++ b/webui/src/layouts/Main/components/index.jsx
@@ -0,0 +1,3 @@
+export {default as Footer} from './Footer';
+export {default as Sidebar} from './Sidebar';
+export {default as Topbar} from './Topbar';
diff --git a/webui/src/layouts/Main/index.js b/webui/src/layouts/Main/index.js
deleted file mode 100644
index 47dec62..0000000
--- a/webui/src/layouts/Main/index.js
+++ /dev/null
@@ -1 +0,0 @@
-export { default } from './Main';
diff --git a/webui/src/layouts/Main/index.jsx b/webui/src/layouts/Main/index.jsx
new file mode 100644
index 0000000..9015cb0
--- /dev/null
+++ b/webui/src/layouts/Main/index.jsx
@@ -0,0 +1 @@
+export {default} from './Main';
diff --git a/webui/src/layouts/Minimal/Minimal.js b/webui/src/layouts/Minimal/Minimal.jsx
similarity index 100%
rename from webui/src/layouts/Minimal/Minimal.js
rename to webui/src/layouts/Minimal/Minimal.jsx
diff --git a/webui/src/layouts/Minimal/components/Topbar/Topbar.js b/webui/src/layouts/Minimal/components/Topbar/Topbar.jsx
similarity index 76%
rename from webui/src/layouts/Minimal/components/Topbar/Topbar.js
rename to webui/src/layouts/Minimal/components/Topbar/Topbar.jsx
index 8757144..f348426 100644
--- a/webui/src/layouts/Minimal/components/Topbar/Topbar.js
+++ b/webui/src/layouts/Minimal/components/Topbar/Topbar.jsx
@@ -3,11 +3,14 @@ import { Link as RouterLink } from 'react-router-dom';
import clsx from 'clsx';
import PropTypes from 'prop-types';
import { makeStyles } from '@material-ui/styles';
-import { AppBar, Toolbar } from '@material-ui/core';
+import {AppBar, Toolbar, Typography} from '@material-ui/core';
const useStyles = makeStyles(() => ({
root: {
boxShadow: 'none'
+ },
+ logo: {
+ color: 'white'
}
}));
@@ -25,10 +28,9 @@ const Topbar = props => {
>
-
+
+ LiveGO
+
diff --git a/webui/src/layouts/Minimal/components/Topbar/index.js b/webui/src/layouts/Minimal/components/Topbar/index.jsx
similarity index 100%
rename from webui/src/layouts/Minimal/components/Topbar/index.js
rename to webui/src/layouts/Minimal/components/Topbar/index.jsx
diff --git a/webui/src/layouts/Minimal/components/index.js b/webui/src/layouts/Minimal/components/index.jsx
similarity index 100%
rename from webui/src/layouts/Minimal/components/index.js
rename to webui/src/layouts/Minimal/components/index.jsx
diff --git a/webui/src/layouts/Minimal/index.js b/webui/src/layouts/Minimal/index.jsx
similarity index 100%
rename from webui/src/layouts/Minimal/index.js
rename to webui/src/layouts/Minimal/index.jsx
diff --git a/webui/src/layouts/index.js b/webui/src/layouts/index.jsx
similarity index 100%
rename from webui/src/layouts/index.js
rename to webui/src/layouts/index.jsx
diff --git a/webui/src/theme/index.js b/webui/src/theme/index.js
deleted file mode 100644
index c359d09..0000000
--- a/webui/src/theme/index.js
+++ /dev/null
@@ -1,17 +0,0 @@
-import { createMuiTheme } from '@material-ui/core';
-
-import palette from './palette';
-import typography from './typography';
-import overrides from './overrides';
-
-const theme = createMuiTheme({
- palette,
- typography,
- overrides,
- zIndex: {
- appBar: 1200,
- drawer: 1100
- }
-});
-
-export default theme;
diff --git a/webui/src/theme/index.jsx b/webui/src/theme/index.jsx
new file mode 100644
index 0000000..5ba3c16
--- /dev/null
+++ b/webui/src/theme/index.jsx
@@ -0,0 +1,15 @@
+import {createMuiTheme} from '@material-ui/core';
+
+import palette from './palette';
+import typography from './typography';
+
+const theme = createMuiTheme({
+ palette,
+ typography,
+ zIndex: {
+ appBar: 1200,
+ drawer: 1100
+ }
+});
+
+export default theme;
diff --git a/webui/src/theme/overrides/MuiButton.js b/webui/src/theme/overrides/MuiButton.js
deleted file mode 100644
index 646f5a4..0000000
--- a/webui/src/theme/overrides/MuiButton.js
+++ /dev/null
@@ -1,7 +0,0 @@
-export default {
- contained: {
- boxShadow:
- '0 1px 1px 0 rgba(0,0,0,0.14), 0 2px 1px -1px rgba(0,0,0,0.12), 0 1px 3px 0 rgba(0,0,0,0.20)',
- backgroundColor: '#FFFFFF'
- }
-};
diff --git a/webui/src/theme/overrides/MuiIconButton.js b/webui/src/theme/overrides/MuiIconButton.js
deleted file mode 100644
index 1c1b5e9..0000000
--- a/webui/src/theme/overrides/MuiIconButton.js
+++ /dev/null
@@ -1,10 +0,0 @@
-import palette from '../palette';
-
-export default {
- root: {
- color: palette.icon,
- '&:hover': {
- backgroundColor: 'rgba(0, 0, 0, 0.03)'
- }
- }
-};
diff --git a/webui/src/theme/overrides/MuiPaper.js b/webui/src/theme/overrides/MuiPaper.js
deleted file mode 100644
index 654b2b0..0000000
--- a/webui/src/theme/overrides/MuiPaper.js
+++ /dev/null
@@ -1,5 +0,0 @@
-export default {
- elevation1: {
- boxShadow: '0 0 0 1px rgba(63,63,68,0.05), 0 1px 3px 0 rgba(63,63,68,0.15)'
- }
-};
diff --git a/webui/src/theme/overrides/MuiTableCell.js b/webui/src/theme/overrides/MuiTableCell.js
deleted file mode 100644
index 89e36e3..0000000
--- a/webui/src/theme/overrides/MuiTableCell.js
+++ /dev/null
@@ -1,9 +0,0 @@
-import palette from '../palette';
-import typography from '../typography';
-
-export default {
- root: {
- ...typography.body1,
- borderBottom: `1px solid ${palette.divider}`
- }
-};
diff --git a/webui/src/theme/overrides/MuiTableHead.js b/webui/src/theme/overrides/MuiTableHead.js
deleted file mode 100644
index bd5e5ab..0000000
--- a/webui/src/theme/overrides/MuiTableHead.js
+++ /dev/null
@@ -1,7 +0,0 @@
-import { colors } from '@material-ui/core';
-
-export default {
- root: {
- backgroundColor: colors.grey[50]
- }
-};
diff --git a/webui/src/theme/overrides/MuiTableRow.js b/webui/src/theme/overrides/MuiTableRow.js
deleted file mode 100644
index 02a7db2..0000000
--- a/webui/src/theme/overrides/MuiTableRow.js
+++ /dev/null
@@ -1,14 +0,0 @@
-import palette from '../palette';
-
-export default {
- root: {
- '&$selected': {
- backgroundColor: palette.background.default
- },
- '&$hover': {
- '&:hover': {
- backgroundColor: palette.background.default
- }
- }
- }
-};
diff --git a/webui/src/theme/overrides/MuiTypography.js b/webui/src/theme/overrides/MuiTypography.js
deleted file mode 100644
index a2e9a98..0000000
--- a/webui/src/theme/overrides/MuiTypography.js
+++ /dev/null
@@ -1,5 +0,0 @@
-export default {
- gutterBottom: {
- marginBottom: 8
- }
-};
diff --git a/webui/src/theme/overrides/index.js b/webui/src/theme/overrides/index.js
deleted file mode 100644
index 596e324..0000000
--- a/webui/src/theme/overrides/index.js
+++ /dev/null
@@ -1,15 +0,0 @@
-import MuiButton from './MuiButton';
-import MuiIconButton from './MuiIconButton';
-import MuiPaper from './MuiPaper';
-import MuiTableCell from './MuiTableCell';
-import MuiTableHead from './MuiTableHead';
-import MuiTypography from './MuiTypography';
-
-export default {
- MuiButton,
- MuiIconButton,
- MuiPaper,
- MuiTableCell,
- MuiTableHead,
- MuiTypography
-};
diff --git a/webui/src/theme/palette.js b/webui/src/theme/palette.js
deleted file mode 100644
index f703f4f..0000000
--- a/webui/src/theme/palette.js
+++ /dev/null
@@ -1,56 +0,0 @@
-import { colors } from '@material-ui/core';
-
-const white = '#FFFFFF';
-const black = '#000000';
-
-export default {
- black,
- white,
- primary: {
- contrastText: white,
- dark: colors.indigo[900],
- main: colors.indigo[500],
- light: colors.indigo[100]
- },
- secondary: {
- contrastText: white,
- dark: colors.blue[900],
- main: colors.blue['A400'],
- light: colors.blue['A400']
- },
- success: {
- contrastText: white,
- dark: colors.green[900],
- main: colors.green[600],
- light: colors.green[400]
- },
- info: {
- contrastText: white,
- dark: colors.blue[900],
- main: colors.blue[600],
- light: colors.blue[400]
- },
- warning: {
- contrastText: white,
- dark: colors.orange[900],
- main: colors.orange[600],
- light: colors.orange[400]
- },
- error: {
- contrastText: white,
- dark: colors.red[900],
- main: colors.red[600],
- light: colors.red[400]
- },
- text: {
- primary: colors.blueGrey[900],
- secondary: colors.blueGrey[600],
- link: colors.blue[600]
- },
- background: {
- default: '#F4F6F8',
- paper: white
- },
- icon: colors.blueGrey[600],
- divider: colors.grey[200]
-};
diff --git a/webui/src/theme/palette.jsx b/webui/src/theme/palette.jsx
new file mode 100644
index 0000000..f1c8e94
--- /dev/null
+++ b/webui/src/theme/palette.jsx
@@ -0,0 +1,56 @@
+import {colors} from '@material-ui/core';
+
+const white = '#FFFFFF';
+const black = '#000000';
+
+export default {
+ black,
+ white,
+ primary: {
+ contrastText: white,
+ dark: colors.indigo[900],
+ main: colors.indigo[500],
+ light: colors.indigo[100]
+ },
+ secondary: {
+ contrastText: white,
+ dark: colors.blue[900],
+ main: colors.blue['A400'],
+ light: colors.blue['A400']
+ },
+ success: {
+ contrastText: white,
+ dark: colors.green[900],
+ main: colors.green[600],
+ light: colors.green[400]
+ },
+ info: {
+ contrastText: white,
+ dark: colors.blue[900],
+ main: colors.blue[600],
+ light: colors.blue[400]
+ },
+ warning: {
+ contrastText: white,
+ dark: colors.orange[900],
+ main: colors.orange[600],
+ light: colors.orange[400]
+ },
+ error: {
+ contrastText: white,
+ dark: colors.red[900],
+ main: colors.red[600],
+ light: colors.red[400]
+ },
+ text: {
+ primary: colors.blueGrey[900],
+ secondary: colors.blueGrey[600],
+ link: colors.blue[600]
+ },
+ background: {
+ default: '#F4F6F8',
+ paper: white
+ },
+ icon: colors.blueGrey[600],
+ divider: colors.grey[200]
+};
diff --git a/webui/src/theme/typography.js b/webui/src/theme/typography.js
deleted file mode 100644
index 3d88dc1..0000000
--- a/webui/src/theme/typography.js
+++ /dev/null
@@ -1,89 +0,0 @@
-import palette from './palette';
-
-export default {
- h1: {
- color: palette.text.primary,
- fontWeight: 500,
- fontSize: '35px',
- letterSpacing: '-0.24px',
- lineHeight: '40px'
- },
- h2: {
- color: palette.text.primary,
- fontWeight: 500,
- fontSize: '29px',
- letterSpacing: '-0.24px',
- lineHeight: '32px'
- },
- h3: {
- color: palette.text.primary,
- fontWeight: 500,
- fontSize: '24px',
- letterSpacing: '-0.06px',
- lineHeight: '28px'
- },
- h4: {
- color: palette.text.primary,
- fontWeight: 500,
- fontSize: '20px',
- letterSpacing: '-0.06px',
- lineHeight: '24px'
- },
- h5: {
- color: palette.text.primary,
- fontWeight: 500,
- fontSize: '16px',
- letterSpacing: '-0.05px',
- lineHeight: '20px'
- },
- h6: {
- color: palette.text.primary,
- fontWeight: 500,
- fontSize: '14px',
- letterSpacing: '-0.05px',
- lineHeight: '20px'
- },
- subtitle1: {
- color: palette.text.primary,
- fontSize: '16px',
- letterSpacing: '-0.05px',
- lineHeight: '25px'
- },
- subtitle2: {
- color: palette.text.secondary,
- fontWeight: 400,
- fontSize: '14px',
- letterSpacing: '-0.05px',
- lineHeight: '21px'
- },
- body1: {
- color: palette.text.primary,
- fontSize: '14px',
- letterSpacing: '-0.05px',
- lineHeight: '21px'
- },
- body2: {
- color: palette.text.secondary,
- fontSize: '12px',
- letterSpacing: '-0.04px',
- lineHeight: '18px'
- },
- button: {
- color: palette.text.primary,
- fontSize: '14px'
- },
- caption: {
- color: palette.text.secondary,
- fontSize: '11px',
- letterSpacing: '0.33px',
- lineHeight: '13px'
- },
- overline: {
- color: palette.text.secondary,
- fontSize: '11px',
- fontWeight: 500,
- letterSpacing: '0.33px',
- lineHeight: '13px',
- textTransform: 'uppercase'
- }
-};
diff --git a/webui/src/theme/typography.jsx b/webui/src/theme/typography.jsx
new file mode 100644
index 0000000..55caaab
--- /dev/null
+++ b/webui/src/theme/typography.jsx
@@ -0,0 +1,89 @@
+import palette from './palette';
+
+export default {
+ h1: {
+ color: palette.text.primary,
+ fontWeight: 500,
+ fontSize: '35px',
+ letterSpacing: '-0.24px',
+ lineHeight: '40px'
+ },
+ h2: {
+ color: palette.text.primary,
+ fontWeight: 500,
+ fontSize: '29px',
+ letterSpacing: '-0.24px',
+ lineHeight: '32px'
+ },
+ h3: {
+ color: palette.text.primary,
+ fontWeight: 500,
+ fontSize: '24px',
+ letterSpacing: '-0.06px',
+ lineHeight: '28px'
+ },
+ h4: {
+ color: palette.text.primary,
+ fontWeight: 500,
+ fontSize: '20px',
+ letterSpacing: '-0.06px',
+ lineHeight: '24px'
+ },
+ h5: {
+ color: palette.text.primary,
+ fontWeight: 500,
+ fontSize: '16px',
+ letterSpacing: '-0.05px',
+ lineHeight: '20px'
+ },
+ h6: {
+ color: palette.text.primary,
+ fontWeight: 500,
+ fontSize: '14px',
+ letterSpacing: '-0.05px',
+ lineHeight: '20px'
+ },
+ subtitle1: {
+ color: palette.text.primary,
+ fontSize: '16px',
+ letterSpacing: '-0.05px',
+ lineHeight: '25px'
+ },
+ subtitle2: {
+ color: palette.text.secondary,
+ fontWeight: 400,
+ fontSize: '14px',
+ letterSpacing: '-0.05px',
+ lineHeight: '21px'
+ },
+ body1: {
+ color: palette.text.primary,
+ fontSize: '14px',
+ letterSpacing: '-0.05px',
+ lineHeight: '21px'
+ },
+ body2: {
+ color: palette.text.secondary,
+ fontSize: '12px',
+ letterSpacing: '-0.04px',
+ lineHeight: '18px'
+ },
+ button: {
+ color: palette.text.primary,
+ fontSize: '14px'
+ },
+ caption: {
+ color: palette.text.secondary,
+ fontSize: '11px',
+ letterSpacing: '0.33px',
+ lineHeight: '13px'
+ },
+ overline: {
+ color: palette.text.secondary,
+ fontSize: '11px',
+ fontWeight: 500,
+ letterSpacing: '0.33px',
+ lineHeight: '13px',
+ textTransform: 'uppercase'
+ }
+};
diff --git a/webui/src/views/Account/Account.js b/webui/src/views/Account/Account.js
deleted file mode 100644
index d3a07d9..0000000
--- a/webui/src/views/Account/Account.js
+++ /dev/null
@@ -1,45 +0,0 @@
-import React from 'react';
-import { makeStyles } from '@material-ui/styles';
-import { Grid } from '@material-ui/core';
-
-import { AccountProfile, AccountDetails } from './components';
-
-const useStyles = makeStyles(theme => ({
- root: {
- padding: theme.spacing(4)
- }
-}));
-
-const Account = () => {
- const classes = useStyles();
-
- return (
-
-
-
- );
-};
-
-AccountDetails.propTypes = {
- className: PropTypes.string
-};
-
-export default AccountDetails;
diff --git a/webui/src/views/Account/components/AccountDetails/index.js b/webui/src/views/Account/components/AccountDetails/index.js
deleted file mode 100644
index 9d75950..0000000
--- a/webui/src/views/Account/components/AccountDetails/index.js
+++ /dev/null
@@ -1 +0,0 @@
-export { default } from './AccountDetails';
diff --git a/webui/src/views/Account/components/AccountProfile/AccountProfile.js b/webui/src/views/Account/components/AccountProfile/AccountProfile.js
deleted file mode 100644
index 738da9a..0000000
--- a/webui/src/views/Account/components/AccountProfile/AccountProfile.js
+++ /dev/null
@@ -1,111 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import clsx from 'clsx';
-import moment from 'moment';
-import { makeStyles } from '@material-ui/styles';
-import {
- Card,
- CardActions,
- CardContent,
- Avatar,
- Typography,
- Divider,
- Button,
- LinearProgress
-} from '@material-ui/core';
-
-const useStyles = makeStyles(theme => ({
- root: {},
- details: {
- display: 'flex'
- },
- avatar: {
- marginLeft: 'auto',
- height: 110,
- width: 100,
- flexShrink: 0,
- flexGrow: 0
- },
- progress: {
- marginTop: theme.spacing(2)
- },
- uploadButton: {
- marginRight: theme.spacing(2)
- }
-}));
-
-const AccountProfile = props => {
- const { className, ...rest } = props;
-
- const classes = useStyles();
-
- const user = {
- name: 'Shen Zhi',
- city: 'Los Angeles',
- country: 'USA',
- timezone: 'GTM-7',
- avatar: '/images/avatars/avatar_11.png'
- };
-
- return (
-
-
-
-
-
-
-
-
- );
-};
-
-AccountProfile.propTypes = {
- className: PropTypes.string
-};
-
-export default AccountProfile;
diff --git a/webui/src/views/Account/components/AccountProfile/index.js b/webui/src/views/Account/components/AccountProfile/index.js
deleted file mode 100644
index 1b70be5..0000000
--- a/webui/src/views/Account/components/AccountProfile/index.js
+++ /dev/null
@@ -1 +0,0 @@
-export { default } from './AccountProfile';
diff --git a/webui/src/views/Account/components/index.js b/webui/src/views/Account/components/index.js
deleted file mode 100644
index a3bb00a..0000000
--- a/webui/src/views/Account/components/index.js
+++ /dev/null
@@ -1,2 +0,0 @@
-export { default as AccountDetails } from './AccountDetails';
-export { default as AccountProfile } from './AccountProfile';
diff --git a/webui/src/views/Account/index.js b/webui/src/views/Account/index.js
deleted file mode 100644
index ce6b24c..0000000
--- a/webui/src/views/Account/index.js
+++ /dev/null
@@ -1 +0,0 @@
-export { default } from './Account';
diff --git a/webui/src/views/Dashboard/Dashboard.js b/webui/src/views/Dashboard/Dashboard.js
deleted file mode 100644
index 0b705f6..0000000
--- a/webui/src/views/Dashboard/Dashboard.js
+++ /dev/null
@@ -1,108 +0,0 @@
-import React from 'react';
-import { makeStyles } from '@material-ui/styles';
-import { Grid } from '@material-ui/core';
-
-import {
- Budget,
- TotalUsers,
- TasksProgress,
- TotalProfit,
- LatestSales,
- UsersByDevice,
- LatestProducts,
- LatestOrders
-} from './components';
-
-const useStyles = makeStyles(theme => ({
- root: {
- padding: theme.spacing(4)
- }
-}));
-
-const Dashboard = () => {
- const classes = useStyles();
-
- return (
-
-
- New entry
-
- }
- title="Latest Orders"
- />
-
-
-
-
-
-
-
-
- );
-};
-
-LatestOrders.propTypes = {
- className: PropTypes.string
-};
-
-export default LatestOrders;
diff --git a/webui/src/views/Dashboard/components/LatestOrders/data.js b/webui/src/views/Dashboard/components/LatestOrders/data.js
deleted file mode 100644
index bbf5879..0000000
--- a/webui/src/views/Dashboard/components/LatestOrders/data.js
+++ /dev/null
@@ -1,64 +0,0 @@
-import uuid from 'uuid/v1';
-
-export default [
- {
- id: uuid(),
- ref: 'CDD1049',
- amount: 30.5,
- customer: {
- name: 'Ekaterina Tankova'
- },
- createdAt: 1555016400000,
- status: 'pending'
- },
- {
- id: uuid(),
- ref: 'CDD1048',
- amount: 25.1,
- customer: {
- name: 'Cao Yu'
- },
- createdAt: 1555016400000,
- status: 'delivered'
- },
- {
- id: uuid(),
- ref: 'CDD1047',
- amount: 10.99,
- customer: {
- name: 'Alexa Richardson'
- },
- createdAt: 1554930000000,
- status: 'refunded'
- },
- {
- id: uuid(),
- ref: 'CDD1046',
- amount: 96.43,
- customer: {
- name: 'Anje Keizer'
- },
- createdAt: 1554757200000,
- status: 'pending'
- },
- {
- id: uuid(),
- ref: 'CDD1045',
- amount: 32.54,
- customer: {
- name: 'Clarke Gillebert'
- },
- createdAt: 1554670800000,
- status: 'delivered'
- },
- {
- id: uuid(),
- ref: 'CDD1044',
- amount: 16.76,
- customer: {
- name: 'Adam Denisov'
- },
- createdAt: 1554670800000,
- status: 'delivered'
- }
-];
diff --git a/webui/src/views/Dashboard/components/LatestOrders/index.js b/webui/src/views/Dashboard/components/LatestOrders/index.js
deleted file mode 100644
index d806aca..0000000
--- a/webui/src/views/Dashboard/components/LatestOrders/index.js
+++ /dev/null
@@ -1 +0,0 @@
-export { default } from './LatestOrders';
diff --git a/webui/src/views/Dashboard/components/LatestProducts/LatestProducts.js b/webui/src/views/Dashboard/components/LatestProducts/LatestProducts.js
deleted file mode 100644
index b3525f0..0000000
--- a/webui/src/views/Dashboard/components/LatestProducts/LatestProducts.js
+++ /dev/null
@@ -1,102 +0,0 @@
-import React, { useState } from 'react';
-import clsx from 'clsx';
-import PropTypes from 'prop-types';
-import { makeStyles } from '@material-ui/styles';
-import {
- Card,
- CardHeader,
- CardContent,
- CardActions,
- Button,
- Divider,
- List,
- ListItem,
- ListItemAvatar,
- ListItemText,
- IconButton
-} from '@material-ui/core';
-import ArrowRightIcon from '@material-ui/icons/ArrowRight';
-import MoreVertIcon from '@material-ui/icons/MoreVert';
-
-import mockData from './data';
-
-const useStyles = makeStyles(() => ({
- root: {
- height: '100%'
- },
- content: {
- padding: 0
- },
- image: {
- height: 48,
- width: 48
- },
- actions: {
- justifyContent: 'flex-end'
- }
-}));
-
-const LatestProducts = props => {
- const { className, ...rest } = props;
-
- const classes = useStyles();
-
- const [products] = useState(mockData);
-
- return (
-
-
-
-
-
-
-
- );
-};
-
-LatestProducts.propTypes = {
- className: PropTypes.string
-};
-
-export default LatestProducts;
diff --git a/webui/src/views/Dashboard/components/LatestProducts/data.js b/webui/src/views/Dashboard/components/LatestProducts/data.js
deleted file mode 100644
index bbe9e09..0000000
--- a/webui/src/views/Dashboard/components/LatestProducts/data.js
+++ /dev/null
@@ -1,35 +0,0 @@
-import uuid from 'uuid/v1';
-import moment from 'moment';
-
-export default [
- {
- id: uuid(),
- name: 'Dropbox',
- imageUrl: '/images/products/product_1.png',
- updatedAt: moment().subtract(2, 'hours')
- },
- {
- id: uuid(),
- name: 'Medium Corporation',
- imageUrl: '/images/products/product_2.png',
- updatedAt: moment().subtract(2, 'hours')
- },
- {
- id: uuid(),
- name: 'Slack',
- imageUrl: '/images/products/product_3.png',
- updatedAt: moment().subtract(3, 'hours')
- },
- {
- id: uuid(),
- name: 'Lyft',
- imageUrl: '/images/products/product_4.png',
- updatedAt: moment().subtract(5, 'hours')
- },
- {
- id: uuid(),
- name: 'GitHub',
- imageUrl: '/images/products/product_5.png',
- updatedAt: moment().subtract(9, 'hours')
- }
-];
diff --git a/webui/src/views/Dashboard/components/LatestProducts/index.js b/webui/src/views/Dashboard/components/LatestProducts/index.js
deleted file mode 100644
index 8d53be3..0000000
--- a/webui/src/views/Dashboard/components/LatestProducts/index.js
+++ /dev/null
@@ -1 +0,0 @@
-export { default } from './LatestProducts';
diff --git a/webui/src/views/Dashboard/components/LatestSales/LatestSales.js b/webui/src/views/Dashboard/components/LatestSales/LatestSales.jsx
similarity index 100%
rename from webui/src/views/Dashboard/components/LatestSales/LatestSales.js
rename to webui/src/views/Dashboard/components/LatestSales/LatestSales.jsx
diff --git a/webui/src/views/Dashboard/components/LatestSales/chart.js b/webui/src/views/Dashboard/components/LatestSales/chart.jsx
similarity index 100%
rename from webui/src/views/Dashboard/components/LatestSales/chart.js
rename to webui/src/views/Dashboard/components/LatestSales/chart.jsx
diff --git a/webui/src/views/Dashboard/components/LatestSales/index.js b/webui/src/views/Dashboard/components/LatestSales/index.jsx
similarity index 100%
rename from webui/src/views/Dashboard/components/LatestSales/index.js
rename to webui/src/views/Dashboard/components/LatestSales/index.jsx
diff --git a/webui/src/views/Dashboard/components/TasksProgress/TasksProgress.js b/webui/src/views/Dashboard/components/TasksProgress/TasksProgress.jsx
similarity index 100%
rename from webui/src/views/Dashboard/components/TasksProgress/TasksProgress.js
rename to webui/src/views/Dashboard/components/TasksProgress/TasksProgress.jsx
diff --git a/webui/src/views/Dashboard/components/TasksProgress/index.js b/webui/src/views/Dashboard/components/TasksProgress/index.jsx
similarity index 100%
rename from webui/src/views/Dashboard/components/TasksProgress/index.js
rename to webui/src/views/Dashboard/components/TasksProgress/index.jsx
diff --git a/webui/src/views/Dashboard/components/TotalProfit/TotalProfit.js b/webui/src/views/Dashboard/components/TotalProfit/TotalProfit.jsx
similarity index 100%
rename from webui/src/views/Dashboard/components/TotalProfit/TotalProfit.js
rename to webui/src/views/Dashboard/components/TotalProfit/TotalProfit.jsx
diff --git a/webui/src/views/Dashboard/components/TotalProfit/index.js b/webui/src/views/Dashboard/components/TotalProfit/index.jsx
similarity index 100%
rename from webui/src/views/Dashboard/components/TotalProfit/index.js
rename to webui/src/views/Dashboard/components/TotalProfit/index.jsx
diff --git a/webui/src/views/Dashboard/components/TotalUsers/TotalUsers.js b/webui/src/views/Dashboard/components/TotalUsers/TotalUsers.jsx
similarity index 100%
rename from webui/src/views/Dashboard/components/TotalUsers/TotalUsers.js
rename to webui/src/views/Dashboard/components/TotalUsers/TotalUsers.jsx
diff --git a/webui/src/views/Dashboard/components/TotalUsers/index.js b/webui/src/views/Dashboard/components/TotalUsers/index.jsx
similarity index 100%
rename from webui/src/views/Dashboard/components/TotalUsers/index.js
rename to webui/src/views/Dashboard/components/TotalUsers/index.jsx
diff --git a/webui/src/views/Dashboard/components/UsersByDevice/UsersByDevice.js b/webui/src/views/Dashboard/components/UsersByDevice/UsersByDevice.jsx
similarity index 100%
rename from webui/src/views/Dashboard/components/UsersByDevice/UsersByDevice.js
rename to webui/src/views/Dashboard/components/UsersByDevice/UsersByDevice.jsx
diff --git a/webui/src/views/Dashboard/components/UsersByDevice/index.js b/webui/src/views/Dashboard/components/UsersByDevice/index.jsx
similarity index 100%
rename from webui/src/views/Dashboard/components/UsersByDevice/index.js
rename to webui/src/views/Dashboard/components/UsersByDevice/index.jsx
diff --git a/webui/src/views/Dashboard/components/index.js b/webui/src/views/Dashboard/components/index.jsx
similarity index 73%
rename from webui/src/views/Dashboard/components/index.js
rename to webui/src/views/Dashboard/components/index.jsx
index 9efde58..6cc0730 100644
--- a/webui/src/views/Dashboard/components/index.js
+++ b/webui/src/views/Dashboard/components/index.jsx
@@ -1,6 +1,4 @@
export { default as Budget } from './Budget';
-export { default as LatestOrders } from './LatestOrders';
-export { default as LatestProducts } from './LatestProducts';
export { default as LatestSales } from './LatestSales';
export { default as TasksProgress } from './TasksProgress';
export { default as TotalProfit } from './TotalProfit';
diff --git a/webui/src/views/Dashboard/index.js b/webui/src/views/Dashboard/index.jsx
similarity index 100%
rename from webui/src/views/Dashboard/index.js
rename to webui/src/views/Dashboard/index.jsx
diff --git a/webui/src/views/Icons/Icons.js b/webui/src/views/Icons/Icons.js
deleted file mode 100644
index b0b1c1c..0000000
--- a/webui/src/views/Icons/Icons.js
+++ /dev/null
@@ -1,29 +0,0 @@
-import React from 'react';
-import { makeStyles } from '@material-ui/styles';
-
-const useStyles = makeStyles(theme => ({
- root: {
- padding: theme.spacing(4)
- },
- iframe: {
- width: '100%',
- minHeight: 640,
- border: 0
- }
-}));
-
-const Icons = () => {
- const classes = useStyles();
-
- return (
-
-
-
- {product.title}
-
-
- {product.description}
-
-
-
-
-
-
- Updated 2hr ago
-
-
-
-
- {product.totalDownloads} Downloads
-
-
-
-
-
- );
-};
-
-ProductCard.propTypes = {
- className: PropTypes.string,
- product: PropTypes.object.isRequired
-};
-
-export default ProductCard;
diff --git a/webui/src/views/ProductList/components/ProductCard/index.js b/webui/src/views/ProductList/components/ProductCard/index.js
deleted file mode 100644
index 8a87331..0000000
--- a/webui/src/views/ProductList/components/ProductCard/index.js
+++ /dev/null
@@ -1 +0,0 @@
-export { default } from './ProductCard';
diff --git a/webui/src/views/ProductList/components/ProductsToolbar/ProductsToolbar.js b/webui/src/views/ProductList/components/ProductsToolbar/ProductsToolbar.js
deleted file mode 100644
index 4a4a74d..0000000
--- a/webui/src/views/ProductList/components/ProductsToolbar/ProductsToolbar.js
+++ /dev/null
@@ -1,66 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import clsx from 'clsx';
-import { makeStyles } from '@material-ui/styles';
-import { Button } from '@material-ui/core';
-
-import { SearchInput } from '../../../../components';
-
-const useStyles = makeStyles(theme => ({
- root: {},
- row: {
- height: '42px',
- display: 'flex',
- alignItems: 'center',
- marginTop: theme.spacing(1)
- },
- spacer: {
- flexGrow: 1
- },
- importButton: {
- marginRight: theme.spacing(1)
- },
- exportButton: {
- marginRight: theme.spacing(1)
- },
- searchInput: {
- marginRight: theme.spacing(1)
- }
-}));
-
-const ProductsToolbar = props => {
- const { className, ...rest } = props;
-
- const classes = useStyles();
-
- return (
-
-
-
- );
-};
-
-Notifications.propTypes = {
- className: PropTypes.string
-};
-
-export default Notifications;
diff --git a/webui/src/views/Settings/components/Notifications/index.js b/webui/src/views/Settings/components/Notifications/index.js
deleted file mode 100644
index 7e9063f..0000000
--- a/webui/src/views/Settings/components/Notifications/index.js
+++ /dev/null
@@ -1 +0,0 @@
-export { default } from './Notifications';
diff --git a/webui/src/views/Settings/components/Password/Password.js b/webui/src/views/Settings/components/Password/Password.js
deleted file mode 100644
index e79faad..0000000
--- a/webui/src/views/Settings/components/Password/Password.js
+++ /dev/null
@@ -1,86 +0,0 @@
-import React, { useState } from 'react';
-import PropTypes from 'prop-types';
-import clsx from 'clsx';
-import { makeStyles } from '@material-ui/styles';
-import {
- Card,
- CardHeader,
- CardContent,
- CardActions,
- Divider,
- Button,
- TextField
-} from '@material-ui/core';
-
-const useStyles = makeStyles(() => ({
- root: {}
-}));
-
-const Password = props => {
- const { className, ...rest } = props;
-
- const classes = useStyles();
-
- const [values, setValues] = useState({
- password: '',
- confirm: ''
- });
-
- const handleChange = event => {
- setValues({
- ...values,
- [event.target.name]: event.target.value
- });
- };
-
- return (
-
-
-
- );
-};
-
-Password.propTypes = {
- className: PropTypes.string
-};
-
-export default Password;
diff --git a/webui/src/views/Settings/components/Password/index.js b/webui/src/views/Settings/components/Password/index.js
deleted file mode 100644
index da970e7..0000000
--- a/webui/src/views/Settings/components/Password/index.js
+++ /dev/null
@@ -1 +0,0 @@
-export { default } from './Password';
diff --git a/webui/src/views/Settings/components/index.js b/webui/src/views/Settings/components/index.js
deleted file mode 100644
index 2d3bdf5..0000000
--- a/webui/src/views/Settings/components/index.js
+++ /dev/null
@@ -1,2 +0,0 @@
-export { default as Notifications } from './Notifications';
-export { default as Password } from './Password';
diff --git a/webui/src/views/Settings/index.js b/webui/src/views/Settings/index.js
deleted file mode 100644
index 63a5e96..0000000
--- a/webui/src/views/Settings/index.js
+++ /dev/null
@@ -1 +0,0 @@
-export { default } from './Settings';
diff --git a/webui/src/views/SignIn/SignIn.js b/webui/src/views/SignIn/SignIn.js
deleted file mode 100644
index cf2ab57..0000000
--- a/webui/src/views/SignIn/SignIn.js
+++ /dev/null
@@ -1,189 +0,0 @@
-import React, { useState, useEffect } from 'react';
-import { withRouter } from 'react-router-dom';
-import PropTypes from 'prop-types';
-import validate from 'validate.js';
-import { makeStyles } from '@material-ui/styles';
-import {
- Grid,
- Button,
- TextField,
- Typography
-} from '@material-ui/core';
-
-
-const schema = {
- secret: {
- }
-};
-
-const useStyles = makeStyles(theme => ({
- root: {
- backgroundColor: theme.palette.background.default,
- height: '100%'
- },
- grid: {
- height: '100%'
- },
- name: {
- marginTop: theme.spacing(3),
- color: theme.palette.white
- },
- contentContainer: {},
- content: {
- height: '100%',
- display: 'flex',
- flexDirection: 'column'
- },
- contentHeader: {
- display: 'flex',
- alignItems: 'center',
- paddingTop: theme.spacing(5),
- paddingBototm: theme.spacing(2),
- paddingLeft: theme.spacing(2),
- paddingRight: theme.spacing(2)
- },
- logoImage: {
- marginLeft: theme.spacing(4)
- },
- contentBody: {
- flexGrow: 1,
- display: 'flex',
- alignItems: 'center',
- [theme.breakpoints.down('md')]: {
- justifyContent: 'center'
- }
- },
- form: {
- paddingLeft: 100,
- paddingRight: 100,
- paddingBottom: 125,
- flexBasis: 700,
- margin: '0 auto',
- [theme.breakpoints.down('sm')]: {
- paddingLeft: theme.spacing(2),
- paddingRight: theme.spacing(2)
- }
- },
- title: {
- marginTop: theme.spacing(3)
- },
- textField: {
- marginTop: theme.spacing(2)
- },
- signInButton: {
- margin: theme.spacing(2, 0)
- }
-}));
-
-const SignIn = props => {
- const { history } = props;
-
- const classes = useStyles();
-
- const [formState, setFormState] = useState({
- isValid: false,
- values: {},
- touched: {},
- errors: {}
- });
-
- useEffect(() => {
- const errors = validate(formState.values, schema);
-
- setFormState(formState => ({
- ...formState,
- isValid: errors ? false : true,
- errors: errors || {}
- }));
- }, [formState.values]);
-
- const handleChange = event => {
- event.persist();
-
- setFormState(formState => ({
- ...formState,
- values: {
- ...formState.values,
- [event.target.name]:
- event.target.type === 'checkbox'
- ? event.target.checked
- : event.target.value
- },
- touched: {
- ...formState.touched,
- [event.target.name]: true
- }
- }));
- };
-
- const handleSignIn = event => {
- event.preventDefault();
- history.push('/');
- };
-
- const hasError = field =>
- formState.touched[field] && formState.errors[field] ? true : false;
-
- return (
-
-
-
-
-
-
-
-
- );
-};
-
-UsersTable.propTypes = {
- className: PropTypes.string,
- users: PropTypes.array.isRequired
-};
-
-export default UsersTable;
diff --git a/webui/src/views/UserList/components/UsersTable/index.js b/webui/src/views/UserList/components/UsersTable/index.js
deleted file mode 100644
index 4b01807..0000000
--- a/webui/src/views/UserList/components/UsersTable/index.js
+++ /dev/null
@@ -1 +0,0 @@
-export { default } from './UsersTable';
diff --git a/webui/src/views/UserList/components/UsersToolbar/UsersToolbar.js b/webui/src/views/UserList/components/UsersToolbar/UsersToolbar.js
deleted file mode 100644
index 6ea6fd3..0000000
--- a/webui/src/views/UserList/components/UsersToolbar/UsersToolbar.js
+++ /dev/null
@@ -1,67 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import clsx from 'clsx';
-import { makeStyles } from '@material-ui/styles';
-import { Button } from '@material-ui/core';
-
-import { SearchInput } from '../../../../components';
-
-
-const useStyles = makeStyles(theme => ({
- root: {},
- row: {
- height: '42px',
- display: 'flex',
- alignItems: 'center',
- marginTop: theme.spacing(1)
- },
- spacer: {
- flexGrow: 1
- },
- importButton: {
- marginRight: theme.spacing(1)
- },
- exportButton: {
- marginRight: theme.spacing(1)
- },
- searchInput: {
- marginRight: theme.spacing(1)
- }
-}));
-
-const UsersToolbar = props => {
- const { className, ...rest } = props;
-
- const classes = useStyles();
-
- return (
-
+
-
-
-
-
-
-
-
- );
-};
-
-export default Account;
diff --git a/webui/src/views/Account/components/AccountDetails/AccountDetails.js b/webui/src/views/Account/components/AccountDetails/AccountDetails.js
deleted file mode 100644
index 2e2c713..0000000
--- a/webui/src/views/Account/components/AccountDetails/AccountDetails.js
+++ /dev/null
@@ -1,204 +0,0 @@
-import React, { useState } from 'react';
-import clsx from 'clsx';
-import PropTypes from 'prop-types';
-import { makeStyles } from '@material-ui/styles';
-import {
- Card,
- CardHeader,
- CardContent,
- CardActions,
- Divider,
- Grid,
- Button,
- TextField
-} from '@material-ui/core';
-
-const useStyles = makeStyles(() => ({
- root: {}
-}));
-
-const AccountDetails = props => {
- const { className, ...rest } = props;
-
- const classes = useStyles();
-
- const [values, setValues] = useState({
- firstName: 'Shen',
- lastName: 'Zhi',
- email: 'shen.zhi@devias.io',
- phone: '',
- state: 'Alabama',
- country: 'USA'
- });
-
- const handleChange = event => {
- setValues({
- ...values,
- [event.target.name]: event.target.value
- });
- };
-
- const states = [
- {
- value: 'alabama',
- label: 'Alabama'
- },
- {
- value: 'new-york',
- label: 'New York'
- },
- {
- value: 'san-francisco',
- label: 'San Francisco'
- }
- ];
-
- return (
-
-
-
-
- John Doe
-
-
- {user.city}, {user.country}
-
-
- {moment().format('hh:mm A')} ({user.timezone})
-
-
-
- Profile Completeness: 70%
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- );
-};
-
-export default Dashboard;
diff --git a/webui/src/views/Dashboard/Dashboard.jsx b/webui/src/views/Dashboard/Dashboard.jsx
new file mode 100644
index 0000000..654e6d0
--- /dev/null
+++ b/webui/src/views/Dashboard/Dashboard.jsx
@@ -0,0 +1,49 @@
+import React from 'react';
+import {makeStyles} from '@material-ui/styles';
+import {Grid} from '@material-ui/core';
+
+import {
+ Budget,
+ TotalUsers,
+ TasksProgress,
+ TotalProfit,
+ LatestSales,
+ UsersByDevice,
+} from './components';
+
+const useStyles = makeStyles(theme => ({
+ root: {
+ padding: theme.spacing(4)
+ }
+}));
+
+const Dashboard = () => {
+ const classes = useStyles();
+
+ return (
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ );
+};
+
+export default Dashboard;
diff --git a/webui/src/views/Dashboard/components/Budget/Budget.js b/webui/src/views/Dashboard/components/Budget/Budget.jsx
similarity index 100%
rename from webui/src/views/Dashboard/components/Budget/Budget.js
rename to webui/src/views/Dashboard/components/Budget/Budget.jsx
diff --git a/webui/src/views/Dashboard/components/Budget/index.js b/webui/src/views/Dashboard/components/Budget/index.jsx
similarity index 100%
rename from webui/src/views/Dashboard/components/Budget/index.js
rename to webui/src/views/Dashboard/components/Budget/index.jsx
diff --git a/webui/src/views/Dashboard/components/LatestOrders/LatestOrders.js b/webui/src/views/Dashboard/components/LatestOrders/LatestOrders.js
deleted file mode 100644
index 82a61c0..0000000
--- a/webui/src/views/Dashboard/components/LatestOrders/LatestOrders.js
+++ /dev/null
@@ -1,148 +0,0 @@
-import React, { useState } from 'react';
-import clsx from 'clsx';
-import moment from 'moment';
-import PerfectScrollbar from 'react-perfect-scrollbar';
-import PropTypes from 'prop-types';
-import { makeStyles } from '@material-ui/styles';
-import {
- Card,
- CardActions,
- CardHeader,
- CardContent,
- Button,
- Divider,
- Table,
- TableBody,
- TableCell,
- TableHead,
- TableRow,
- Tooltip,
- TableSortLabel
-} from '@material-ui/core';
-import ArrowRightIcon from '@material-ui/icons/ArrowRight';
-
-import mockData from './data';
-import {StatusBullet} from '../../../../components';
-
-const useStyles = makeStyles(theme => ({
- root: {},
- content: {
- padding: 0
- },
- inner: {
- minWidth: 800
- },
- statusContainer: {
- display: 'flex',
- alignItems: 'center'
- },
- status: {
- marginRight: theme.spacing(1)
- },
- actions: {
- justifyContent: 'flex-end'
- }
-}));
-
-const statusColors = {
- delivered: 'success',
- pending: 'info',
- refunded: 'danger'
-};
-
-const LatestOrders = props => {
- const { className, ...rest } = props;
-
- const classes = useStyles();
-
- const [orders] = useState(mockData);
-
- return (
-
-
-
-
- -
- {products.map((product, i) => (
-
-
-
- );
-};
-
-export default Icons;
diff --git a/webui/src/views/Icons/index.js b/webui/src/views/Icons/index.js
deleted file mode 100644
index 36a1ab0..0000000
--- a/webui/src/views/Icons/index.js
+++ /dev/null
@@ -1 +0,0 @@
-export { default } from './Icons';
diff --git a/webui/src/views/NotFound/NotFound.js b/webui/src/views/NotFound/NotFound.js
deleted file mode 100644
index 693c1c6..0000000
--- a/webui/src/views/NotFound/NotFound.js
+++ /dev/null
@@ -1,56 +0,0 @@
-import React from 'react';
-import { makeStyles } from '@material-ui/styles';
-import { Grid, Typography } from '@material-ui/core';
-
-const useStyles = makeStyles(theme => ({
- root: {
- padding: theme.spacing(4)
- },
- content: {
- paddingTop: 150,
- textAlign: 'center'
- },
- image: {
- marginTop: 50,
- display: 'inline-block',
- maxWidth: '100%',
- width: 560
- }
-}));
-
-const NotFound = () => {
- const classes = useStyles();
-
- return (
-
-
-
-
-
-
- );
-};
-
-export default NotFound;
diff --git a/webui/src/views/NotFound/NotFound.jsx b/webui/src/views/NotFound/NotFound.jsx
new file mode 100644
index 0000000..7baf1e7
--- /dev/null
+++ b/webui/src/views/NotFound/NotFound.jsx
@@ -0,0 +1,46 @@
+import React from 'react';
+import {makeStyles} from '@material-ui/styles';
+import {Grid, Typography} from '@material-ui/core';
+
+const useStyles = makeStyles(theme => ({
+ root: {
+ padding: theme.spacing(4)
+ },
+ content: {
+ paddingTop: 150,
+ textAlign: 'center'
+ },
+ image: {
+ marginTop: 50,
+ display: 'inline-block',
+ maxWidth: '100%',
+ width: 560
+ },
+ code: {
+ fontSize: '100px',
+ marginBottom: '30px'
+ }
+}));
+
+const NotFound = () => {
+ const classes = useStyles();
+
+ return (
+
-
- 404: The page you are looking for isn’t here
-
-
- You either tried some shady route or you came here by mistake.
- Whichever it is, try using the navigation
-
- 
-
-
-
+
+
+
+
+
+ );
+};
+
+export default NotFound;
diff --git a/webui/src/views/NotFound/index.js b/webui/src/views/NotFound/index.jsx
similarity index 100%
rename from webui/src/views/NotFound/index.js
rename to webui/src/views/NotFound/index.jsx
diff --git a/webui/src/views/ProductList/ProductList.js b/webui/src/views/ProductList/ProductList.js
deleted file mode 100644
index d59a0c2..0000000
--- a/webui/src/views/ProductList/ProductList.js
+++ /dev/null
@@ -1,64 +0,0 @@
-import React, { useState } from 'react';
-import { makeStyles } from '@material-ui/styles';
-import { IconButton, Grid, Typography } from '@material-ui/core';
-import ChevronRightIcon from '@material-ui/icons/ChevronRight';
-import ChevronLeftIcon from '@material-ui/icons/ChevronLeft';
-
-import { ProductsToolbar, ProductCard } from './components';
-import mockData from './data';
-
-const useStyles = makeStyles(theme => ({
- root: {
- padding: theme.spacing(3)
- },
- content: {
- marginTop: theme.spacing(2)
- },
- pagination: {
- marginTop: theme.spacing(3),
- display: 'flex',
- alignItems: 'center',
- justifyContent: 'flex-end'
- }
-}));
-
-const ProductList = () => {
- const classes = useStyles();
-
- const [products] = useState(mockData);
-
- return (
-
+
+ 404
+
+
+ The page you are looking for isn’t here
+
+
+
-
- );
-};
-
-export default ProductList;
diff --git a/webui/src/views/ProductList/components/ProductCard/ProductCard.js b/webui/src/views/ProductList/components/ProductCard/ProductCard.js
deleted file mode 100644
index 9035dd9..0000000
--- a/webui/src/views/ProductList/components/ProductCard/ProductCard.js
+++ /dev/null
@@ -1,115 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import clsx from 'clsx';
-import { makeStyles } from '@material-ui/styles';
-import {
- Card,
- CardContent,
- CardActions,
- Typography,
- Grid,
- Divider
-} from '@material-ui/core';
-import AccessTimeIcon from '@material-ui/icons/AccessTime';
-import GetAppIcon from '@material-ui/icons/GetApp';
-
-const useStyles = makeStyles(theme => ({
- root: {},
- imageContainer: {
- height: 64,
- width: 64,
- margin: '0 auto',
- border: `1px solid ${theme.palette.divider}`,
- borderRadius: '5px',
- overflow: 'hidden',
- display: 'flex',
- alignItems: 'center',
- justifyContent: 'center'
- },
- image: {
- width: '100%'
- },
- statsItem: {
- display: 'flex',
- alignItems: 'center'
- },
- statsIcon: {
- color: theme.palette.icon,
- marginRight: theme.spacing(1)
- }
-}));
-
-const ProductCard = props => {
- const { className, product, ...rest } = props;
-
- const classes = useStyles();
-
- return (
-
-
- {products.map(product => (
-
-
- ))}
-
-
-
- 1-6 of 20
-
-
-
-
-
-
- 
-
-
-
- );
-};
-
-ProductsToolbar.propTypes = {
- className: PropTypes.string
-};
-
-export default ProductsToolbar;
diff --git a/webui/src/views/ProductList/components/ProductsToolbar/index.js b/webui/src/views/ProductList/components/ProductsToolbar/index.js
deleted file mode 100644
index cdb72c3..0000000
--- a/webui/src/views/ProductList/components/ProductsToolbar/index.js
+++ /dev/null
@@ -1 +0,0 @@
-export { default } from './ProductsToolbar';
diff --git a/webui/src/views/ProductList/components/index.js b/webui/src/views/ProductList/components/index.js
deleted file mode 100644
index 99db3a4..0000000
--- a/webui/src/views/ProductList/components/index.js
+++ /dev/null
@@ -1,2 +0,0 @@
-export { default as ProductCard } from './ProductCard';
-export { default as ProductsToolbar } from './ProductsToolbar';
diff --git a/webui/src/views/ProductList/data.js b/webui/src/views/ProductList/data.js
deleted file mode 100644
index 3ea4cd4..0000000
--- a/webui/src/views/ProductList/data.js
+++ /dev/null
@@ -1,58 +0,0 @@
-import uuid from 'uuid/v1';
-
-export default [
- {
- id: uuid(),
- title: 'Dropbox',
- description:
- 'Dropbox is a file hosting service that offers cloud storage, file synchronization, a personal cloud.',
- imageUrl: '/images/products/product_1.png',
- totalDownloads: '594',
- updatedAt: '27/03/2019'
- },
- {
- id: uuid(),
- title: 'Medium Corporation',
- description:
- 'Medium is an online publishing platform developed by Evan Williams, and launched in August 2012.',
- imageUrl: '/images/products/product_2.png',
- totalDownloads: '625',
- createdAt: '31/03/2019'
- },
- {
- id: uuid(),
- title: 'Slack',
- description:
- 'Slack is a cloud-based set of team collaboration tools and services, founded by Stewart Butterfield.',
- imageUrl: '/images/products/product_3.png',
- totalDownloads: '857',
- createdAt: '03/04/2019'
- },
- {
- id: uuid(),
- title: 'Lyft',
- description:
- 'Lyft is an on-demand transportation company based in San Francisco, California.',
- imageUrl: '/images/products/product_4.png',
- totalDownloads: '406',
- createdAt: '04/04/2019'
- },
- {
- id: uuid(),
- title: 'GitHub',
- description:
- 'GitHub is a web-based hosting service for version control of code using Git.',
- imageUrl: '/images/products/product_5.png',
- totalDownloads: '835',
- createdAt: '04/04/2019'
- },
- {
- id: uuid(),
- title: 'Squarespace',
- description:
- 'Squarespace provides software as a service for website building and hosting. Headquartered in NYC.',
- imageUrl: '/images/products/product_6.png',
- totalDownloads: '835',
- createdAt: '04/04/2019'
- }
-];
diff --git a/webui/src/views/ProductList/index.js b/webui/src/views/ProductList/index.js
deleted file mode 100644
index 1baf325..0000000
--- a/webui/src/views/ProductList/index.js
+++ /dev/null
@@ -1 +0,0 @@
-export { default } from './ProductList';
diff --git a/webui/src/views/Settings/Settings.js b/webui/src/views/Settings/Settings.js
deleted file mode 100644
index 6e67bcf..0000000
--- a/webui/src/views/Settings/Settings.js
+++ /dev/null
@@ -1,41 +0,0 @@
-import React from 'react';
-import { makeStyles } from '@material-ui/styles';
-import { Grid } from '@material-ui/core';
-
-import { Notifications, Password } from './components';
-
-const useStyles = makeStyles(theme => ({
- root: {
- padding: theme.spacing(4)
- }
-}));
-
-const Settings = () => {
- const classes = useStyles();
-
- return (
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- );
-};
-
-export default Settings;
diff --git a/webui/src/views/Settings/components/Notifications/Notifications.js b/webui/src/views/Settings/components/Notifications/Notifications.js
deleted file mode 100644
index 4f4924e..0000000
--- a/webui/src/views/Settings/components/Notifications/Notifications.js
+++ /dev/null
@@ -1,149 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import clsx from 'clsx';
-import { makeStyles } from '@material-ui/styles';
-import {
- Card,
- CardHeader,
- CardContent,
- CardActions,
- Grid,
- Divider,
- FormControlLabel,
- Checkbox,
- Typography,
- Button
-} from '@material-ui/core';
-
-const useStyles = makeStyles(() => ({
- root: {},
- item: {
- display: 'flex',
- flexDirection: 'column'
- }
-}));
-
-const Notifications = props => {
- const { className, ...rest } = props;
-
- const classes = useStyles();
-
- return (
-
-
-
-
-
-
- );
-};
-
-SignIn.propTypes = {
- history: PropTypes.object
-};
-
-export default withRouter(SignIn);
diff --git a/webui/src/views/SignIn/SignIn.jsx b/webui/src/views/SignIn/SignIn.jsx
new file mode 100644
index 0000000..3b0e149
--- /dev/null
+++ b/webui/src/views/SignIn/SignIn.jsx
@@ -0,0 +1,101 @@
+import React from 'react';
+import { withRouter } from 'react-router-dom';
+import PropTypes from 'prop-types';
+import { makeStyles } from '@material-ui/styles';
+import {
+ Grid,
+ Button,
+ TextField,
+ Typography
+} from '@material-ui/core';
+
+const useStyles = makeStyles(theme => ({
+ root: {
+ backgroundColor: theme.palette.background.default,
+ height: '100%'
+ },
+ grid: {
+ height: '100%'
+ },
+ name: {
+ marginTop: theme.spacing(3),
+ color: theme.palette.white
+ },
+ contentContainer: {},
+ content: {
+ height: '100%',
+ display: 'flex',
+ flexDirection: 'column'
+ },
+ contentBody: {
+ flexGrow: 1,
+ display: 'flex',
+ alignItems: 'center',
+ [theme.breakpoints.down('md')]: {
+ justifyContent: 'center'
+ }
+ },
+ form: {
+ paddingLeft: 100,
+ paddingRight: 100,
+ paddingBottom: 125,
+ flexBasis: 700,
+ margin: '0 auto',
+ [theme.breakpoints.down('sm')]: {
+ paddingLeft: theme.spacing(2),
+ paddingRight: theme.spacing(2)
+ }
+ },
+ title: {
+ marginTop: theme.spacing(3)
+ },
+ textField: {
+ marginTop: theme.spacing(2)
+ },
+ signInButton: {
+ margin: theme.spacing(2, 0)
+ }
+}));
+
+const SignIn = props => {
+ const { history } = props;
+
+ const classes = useStyles();
+
+ const handleChange = event => {
+ event.persist();
+ };
+
+ const handleSignIn = event => {
+ event.preventDefault();
+ history.push('/');
+ };
+
+ return (
+
-
-
-
-
-
+
+
+
+
+
+ );
+};
+
+SignIn.propTypes = {
+ history: PropTypes.object
+};
+
+export default withRouter(SignIn);
diff --git a/webui/src/views/SignIn/index.js b/webui/src/views/SignIn/index.jsx
similarity index 100%
rename from webui/src/views/SignIn/index.js
rename to webui/src/views/SignIn/index.jsx
diff --git a/webui/src/views/SignUp/SignUp.js b/webui/src/views/SignUp/SignUp.js
deleted file mode 100644
index f743c22..0000000
--- a/webui/src/views/SignUp/SignUp.js
+++ /dev/null
@@ -1,385 +0,0 @@
-import React, { useState, useEffect } from 'react';
-import { Link as RouterLink, withRouter } from 'react-router-dom';
-import PropTypes from 'prop-types';
-import validate from 'validate.js';
-import { makeStyles } from '@material-ui/styles';
-import {
- Grid,
- Button,
- IconButton,
- TextField,
- Link,
- FormHelperText,
- Checkbox,
- Typography
-} from '@material-ui/core';
-import ArrowBackIcon from '@material-ui/icons/ArrowBack';
-
-const schema = {
- firstName: {
- presence: { allowEmpty: false, message: 'is required' },
- length: {
- maximum: 32
- }
- },
- lastName: {
- presence: { allowEmpty: false, message: 'is required' },
- length: {
- maximum: 32
- }
- },
- email: {
- presence: { allowEmpty: false, message: 'is required' },
- email: true,
- length: {
- maximum: 64
- }
- },
- password: {
- presence: { allowEmpty: false, message: 'is required' },
- length: {
- maximum: 128
- }
- },
- policy: {
- presence: { allowEmpty: false, message: 'is required' },
- checked: true
- }
-};
-
-const useStyles = makeStyles(theme => ({
- root: {
- backgroundColor: theme.palette.background.default,
- height: '100%'
- },
- grid: {
- height: '100%'
- },
- quoteContainer: {
- [theme.breakpoints.down('md')]: {
- display: 'none'
- }
- },
- quote: {
- backgroundColor: theme.palette.neutral,
- height: '100%',
- display: 'flex',
- justifyContent: 'center',
- alignItems: 'center',
- backgroundImage: 'url(/images/auth.jpg)',
- backgroundSize: 'cover',
- backgroundRepeat: 'no-repeat',
- backgroundPosition: 'center'
- },
- quoteInner: {
- textAlign: 'center',
- flexBasis: '600px'
- },
- quoteText: {
- color: theme.palette.white,
- fontWeight: 300
- },
- name: {
- marginTop: theme.spacing(3),
- color: theme.palette.white
- },
- bio: {
- color: theme.palette.white
- },
- contentContainer: {},
- content: {
- height: '100%',
- display: 'flex',
- flexDirection: 'column'
- },
- contentHeader: {
- display: 'flex',
- alignItems: 'center',
- paddingTop: theme.spacing(5),
- paddingBototm: theme.spacing(2),
- paddingLeft: theme.spacing(2),
- paddingRight: theme.spacing(2)
- },
- logoImage: {
- marginLeft: theme.spacing(4)
- },
- contentBody: {
- flexGrow: 1,
- display: 'flex',
- alignItems: 'center',
- [theme.breakpoints.down('md')]: {
- justifyContent: 'center'
- }
- },
- form: {
- paddingLeft: 100,
- paddingRight: 100,
- paddingBottom: 125,
- flexBasis: 700,
- [theme.breakpoints.down('sm')]: {
- paddingLeft: theme.spacing(2),
- paddingRight: theme.spacing(2)
- }
- },
- title: {
- marginTop: theme.spacing(3)
- },
- textField: {
- marginTop: theme.spacing(2)
- },
- policy: {
- marginTop: theme.spacing(1),
- display: 'flex',
- alignItems: 'center'
- },
- policyCheckbox: {
- marginLeft: '-14px'
- },
- signUpButton: {
- margin: theme.spacing(2, 0)
- }
-}));
-
-const SignUp = props => {
- const { history } = props;
-
- const classes = useStyles();
-
- const [formState, setFormState] = useState({
- isValid: false,
- values: {},
- touched: {},
- errors: {}
- });
-
- useEffect(() => {
- const errors = validate(formState.values, schema);
-
- setFormState(formState => ({
- ...formState,
- isValid: errors ? false : true,
- errors: errors || {}
- }));
- }, [formState.values]);
-
- const handleChange = event => {
- event.persist();
-
- setFormState(formState => ({
- ...formState,
- values: {
- ...formState.values,
- [event.target.name]:
- event.target.type === 'checkbox'
- ? event.target.checked
- : event.target.value
- },
- touched: {
- ...formState.touched,
- [event.target.name]: true
- }
- }));
- };
-
- const handleBack = () => {
- history.goBack();
- };
-
- const handleSignUp = event => {
- event.preventDefault();
- history.push('/');
- };
-
- const hasError = field =>
- formState.touched[field] && formState.errors[field] ? true : false;
-
- return (
-
+
+
+
+
+
-
-
-
-
-
-
-
- );
-};
-
-SignUp.propTypes = {
- history: PropTypes.object
-};
-
-export default withRouter(SignUp);
diff --git a/webui/src/views/SignUp/index.js b/webui/src/views/SignUp/index.js
deleted file mode 100644
index 188a7ef..0000000
--- a/webui/src/views/SignUp/index.js
+++ /dev/null
@@ -1 +0,0 @@
-export { default } from './SignUp';
diff --git a/webui/src/views/Typography/Typography.js b/webui/src/views/Typography/Typography.js
deleted file mode 100644
index 0a738fa..0000000
--- a/webui/src/views/Typography/Typography.js
+++ /dev/null
@@ -1,61 +0,0 @@
-import React, { Fragment } from 'react';
-import { makeStyles } from '@material-ui/styles';
-import { Grid, Typography as MuiTypography } from '@material-ui/core';
-
-const useStyles = makeStyles(theme => ({
- root: {
- padding: theme.spacing(4)
- }
-}));
-
-const variants = {
- h1: 'Nisi euismod ante senectus consequat phasellus ut',
- h2: 'Nisi euismod ante senectus consequat phasellus ut',
- h3: 'Nisi euismod ante senectus consequat phasellus ut',
- h4: 'Nisi euismod ante senectus consequat phasellus ut',
- h5: 'Nisi euismod ante senectus consequat phasellus ut',
- h6: 'Nisi euismod ante senectus consequat phasellus ut',
- subtitle1: 'Leo varius justo aptent arcu urna felis pede nisl',
- subtitle2: 'Leo varius justo aptent arcu urna felis pede nisl',
- body1:
- 'Justo proin curabitur dictumst semper auctor, consequat tempor, nostra aenean neque turpis nunc. Leo. Sapien aliquet facilisi turpis, elit facilisi praesent porta metus leo. Dignissim amet dis nec ac integer inceptos erat dis Turpis sodales ad torquent. Dolor, erat convallis.Laoreet velit a fames commodo tristique hendrerit sociosqu rhoncus vel sapien penatibus facilisis faucibus ad. Mus purus vehicula imperdiet tempor lectus, feugiat Sapien erat viverra netus potenti mattis purus turpis. Interdum curabitur potenti tristique. Porta velit dignissim tristique ultrices primis.',
- body2:
- 'Justo proin curabitur dictumst semper auctor, consequat tempor, nostra aenean neque turpis nunc. Leo. Sapien aliquet facilisi turpis, elit facilisi praesent porta metus leo. Dignissim amet dis nec ac integer inceptos erat dis Turpis sodales ad torquent. Dolor, erat convallis.',
- caption: 'Accumsan leo pretium conubia ullamcorper.',
- overline: 'Accumsan leo pretium conubia ullamcorper.',
- button: 'Vivamus ultrices rutrum fames dictumst'
-};
-
-const Typography = () => {
- const classes = useStyles();
-
- return (
-
-
-
-
- Hella narwhal Cosby sweater McSweeney's, salvia kitsch before
- they sold out High Life.
-
-
-
-
- Takamaru Ayako
-
-
- Manager at inVision
-
-
-
-
-
-
-
-
-
-
-
-
-
- {Object.keys(variants).map((key, i) => (
-
-
- {key}
-
-
- {variants[key]}
-
-
- ))}
-
-
- );
-};
-
-export default Typography;
diff --git a/webui/src/views/Typography/index.js b/webui/src/views/Typography/index.js
deleted file mode 100644
index eabc291..0000000
--- a/webui/src/views/Typography/index.js
+++ /dev/null
@@ -1 +0,0 @@
-export { default } from './Typography';
diff --git a/webui/src/views/UserList/UserList.js b/webui/src/views/UserList/UserList.js
deleted file mode 100644
index e3dab4d..0000000
--- a/webui/src/views/UserList/UserList.js
+++ /dev/null
@@ -1,31 +0,0 @@
-import React, { useState } from 'react';
-import { makeStyles } from '@material-ui/styles';
-
-import { UsersToolbar, UsersTable } from './components';
-import mockData from './data';
-
-const useStyles = makeStyles(theme => ({
- root: {
- padding: theme.spacing(3)
- },
- content: {
- marginTop: theme.spacing(2)
- }
-}));
-
-const UserList = () => {
- const classes = useStyles();
-
- const [users] = useState(mockData);
-
- return (
-
-
- );
-};
-
-export default UserList;
diff --git a/webui/src/views/UserList/components/UsersTable/UsersTable.js b/webui/src/views/UserList/components/UsersTable/UsersTable.js
deleted file mode 100644
index b70479d..0000000
--- a/webui/src/views/UserList/components/UsersTable/UsersTable.js
+++ /dev/null
@@ -1,188 +0,0 @@
-import React, { useState } from 'react';
-import clsx from 'clsx';
-import PropTypes from 'prop-types';
-import moment from 'moment';
-import PerfectScrollbar from 'react-perfect-scrollbar';
-import { makeStyles } from '@material-ui/styles';
-import {
- Card,
- CardActions,
- CardContent,
- Avatar,
- Checkbox,
- Table,
- TableBody,
- TableCell,
- TableHead,
- TableRow,
- Typography,
- TablePagination
-} from '@material-ui/core';
-
-import { getInitials } from '../../../../helpers';
-
-
-const useStyles = makeStyles(theme => ({
- root: {},
- content: {
- padding: 0
- },
- inner: {
- minWidth: 1050
- },
- nameContainer: {
- display: 'flex',
- alignItems: 'center'
- },
- avatar: {
- marginRight: theme.spacing(2)
- },
- actions: {
- justifyContent: 'flex-end'
- }
-}));
-
-const UsersTable = props => {
- const { className, users, ...rest } = props;
-
- const classes = useStyles();
-
- const [selectedUsers, setSelectedUsers] = useState([]);
- const [rowsPerPage, setRowsPerPage] = useState(10);
- const [page, setPage] = useState(0);
-
- const handleSelectAll = event => {
- const { users } = props;
-
- let selectedUsers;
-
- if (event.target.checked) {
- selectedUsers = users.map(user => user.id);
- } else {
- selectedUsers = [];
- }
-
- setSelectedUsers(selectedUsers);
- };
-
- const handleSelectOne = (event, id) => {
- const selectedIndex = selectedUsers.indexOf(id);
- let newSelectedUsers = [];
-
- if (selectedIndex === -1) {
- newSelectedUsers = newSelectedUsers.concat(selectedUsers, id);
- } else if (selectedIndex === 0) {
- newSelectedUsers = newSelectedUsers.concat(selectedUsers.slice(1));
- } else if (selectedIndex === selectedUsers.length - 1) {
- newSelectedUsers = newSelectedUsers.concat(selectedUsers.slice(0, -1));
- } else if (selectedIndex > 0) {
- newSelectedUsers = newSelectedUsers.concat(
- selectedUsers.slice(0, selectedIndex),
- selectedUsers.slice(selectedIndex + 1)
- );
- }
-
- setSelectedUsers(newSelectedUsers);
- };
-
- const handlePageChange = (event, page) => {
- setPage(page);
- };
-
- const handleRowsPerPageChange = event => {
- setRowsPerPage(event.target.value);
- };
-
- return (
-
-
-
-
-
-
-
-
- );
-};
-
-UsersToolbar.propTypes = {
- className: PropTypes.string
-};
-
-export default UsersToolbar;
diff --git a/webui/src/views/UserList/components/UsersToolbar/index.js b/webui/src/views/UserList/components/UsersToolbar/index.js
deleted file mode 100644
index 4c1da53..0000000
--- a/webui/src/views/UserList/components/UsersToolbar/index.js
+++ /dev/null
@@ -1 +0,0 @@
-export { default } from './UsersToolbar';
diff --git a/webui/src/views/UserList/components/index.js b/webui/src/views/UserList/components/index.js
deleted file mode 100644
index 74b1edd..0000000
--- a/webui/src/views/UserList/components/index.js
+++ /dev/null
@@ -1,2 +0,0 @@
-export { default as UsersTable } from './UsersTable';
-export { default as UsersToolbar } from './UsersToolbar';
diff --git a/webui/src/views/UserList/data.js b/webui/src/views/UserList/data.js
deleted file mode 100644
index ab3ff03..0000000
--- a/webui/src/views/UserList/data.js
+++ /dev/null
@@ -1,143 +0,0 @@
-import uuid from 'uuid/v1';
-
-export default [
- {
- id: uuid(),
- name: 'Ekaterina Tankova',
- address: {
- country: 'USA',
- state: 'West Virginia',
- city: 'Parkersburg',
- street: '2849 Fulton Street'
- },
- email: 'ekaterina.tankova@devias.io',
- phone: '304-428-3097',
- avatarUrl: '/images/avatars/avatar_3.png',
- createdAt: 1555016400000
- },
- {
- id: uuid(),
- name: 'Cao Yu',
- address: {
- country: 'USA',
- state: 'Bristow',
- city: 'Iowa',
- street: '1865 Pleasant Hill Road'
- },
- email: 'cao.yu@devias.io',
- avatarUrl: '/images/avatars/avatar_4.png',
- phone: '712-351-5711',
- createdAt: 1555016400000
- },
- {
- id: uuid(),
- name: 'Alexa Richardson',
- address: {
- country: 'USA',
- state: 'Georgia',
- city: 'Atlanta',
- street: '4894 Lakeland Park Drive'
- },
- email: 'alexa.richardson@devias.io',
- phone: '770-635-2682',
- avatarUrl: '/images/avatars/avatar_2.png',
- createdAt: 1555016400000
- },
- {
- id: uuid(),
- name: 'Anje Keizer',
- address: {
- country: 'USA',
- state: 'Ohio',
- city: 'Dover',
- street: '4158 Hedge Street'
- },
- email: 'anje.keizer@devias.io',
- avatarUrl: '/images/avatars/avatar_5.png',
- phone: '908-691-3242',
- createdAt: 1554930000000
- },
- {
- id: uuid(),
- name: 'Clarke Gillebert',
- address: {
- country: 'USA',
- state: 'Texas',
- city: 'Dallas',
- street: '75247'
- },
- email: 'clarke.gillebert@devias.io',
- phone: '972-333-4106',
- avatarUrl: '/images/avatars/avatar_6.png',
- createdAt: 1554757200000
- },
- {
- id: uuid(),
- name: 'Adam Denisov',
- address: {
- country: 'USA',
- state: 'California',
- city: 'Bakerfield',
- street: '317 Angus Road'
- },
- email: 'adam.denisov@devias.io',
- phone: '858-602-3409',
- avatarUrl: '/images/avatars/avatar_1.png',
- createdAt: 1554670800000
- },
- {
- id: uuid(),
- name: 'Ava Gregoraci',
- address: {
- country: 'USA',
- state: 'California',
- city: 'Redondo Beach',
- street: '2188 Armbrester Drive'
- },
- email: 'ava.gregoraci@devias.io',
- avatarUrl: '/images/avatars/avatar_7.png',
- phone: '415-907-2647',
- createdAt: 1554325200000
- },
- {
- id: uuid(),
- name: 'Emilee Simchenko',
- address: {
- country: 'USA',
- state: 'Nevada',
- city: 'Las Vegas',
- street: '1798 Hickory Ridge Drive'
- },
- email: 'emilee.simchenko@devias.io',
- phone: '702-661-1654',
- avatarUrl: '/images/avatars/avatar_8.png',
- createdAt: 1523048400000
- },
- {
- id: uuid(),
- name: 'Kwak Seong-Min',
- address: {
- country: 'USA',
- state: 'Michigan',
- city: 'Detroit',
- street: '3934 Wildrose Lane'
- },
- email: 'kwak.seong.min@devias.io',
- avatarUrl: '/images/avatars/avatar_9.png',
- phone: '313-812-8947'
- },
- {
- id: uuid(),
- name: 'Merrile Burgett',
- address: {
- country: 'USA',
- state: 'Utah',
- city: 'Salt Lake City',
- street: '368 Lamberts Branch Road'
- },
- email: 'merrile.burgett@devias.io',
- phone: '801-301-7894',
- avatarUrl: '/images/avatars/avatar_10.png',
- createdAt: 1522702800000
- }
-];
diff --git a/webui/src/views/UserList/index.js b/webui/src/views/UserList/index.js
deleted file mode 100644
index 03ef75b..0000000
--- a/webui/src/views/UserList/index.js
+++ /dev/null
@@ -1 +0,0 @@
-export { default } from './UserList';
diff --git a/webui/src/views/index.js b/webui/src/views/index.js
deleted file mode 100644
index acf3d1d..0000000
--- a/webui/src/views/index.js
+++ /dev/null
@@ -1,10 +0,0 @@
-export { default as Account } from './Account';
-export { default as Dashboard } from './Dashboard';
-export { default as Icons } from './Icons';
-export { default as NotFound } from './NotFound';
-export { default as ProductList } from './ProductList';
-export { default as Settings } from './Settings';
-export { default as SignIn } from './SignIn';
-export { default as SignUp } from './SignUp';
-export { default as Typography } from './Typography';
-export { default as UserList } from './UserList';
diff --git a/webui/src/views/index.jsx b/webui/src/views/index.jsx
new file mode 100644
index 0000000..baaffc8
--- /dev/null
+++ b/webui/src/views/index.jsx
@@ -0,0 +1,3 @@
+export { default as NotFound } from './NotFound';
+export { default as Dashboard } from './Dashboard';
+export { default as SignIn } from './SignIn';
-
-
-
-
-
-
-
-