Add Dashboard screen
This commit is contained in:
parent
06dc0c455e
commit
8231fa62b4
5
package-lock.json
generated
5
package-lock.json
generated
@ -8033,6 +8033,11 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
"luxon": {
|
||||||
|
"version": "1.24.1",
|
||||||
|
"resolved": "https://registry.npmjs.org/luxon/-/luxon-1.24.1.tgz",
|
||||||
|
"integrity": "sha512-CgnIMKAWT0ghcuWFfCWBnWGOddM0zu6c4wZAWmD0NN7MZTnro0+833DF6tJep+xlxRPg4KtsYEHYLfTMBQKwYg=="
|
||||||
|
},
|
||||||
"make-dir": {
|
"make-dir": {
|
||||||
"version": "2.1.0",
|
"version": "2.1.0",
|
||||||
"resolved": "https://registry.npmjs.org/make-dir/-/make-dir-2.1.0.tgz",
|
"resolved": "https://registry.npmjs.org/make-dir/-/make-dir-2.1.0.tgz",
|
||||||
|
@ -9,6 +9,7 @@
|
|||||||
"customize-cra": "^1.0.0-alpha.0",
|
"customize-cra": "^1.0.0-alpha.0",
|
||||||
"less": "^3.11.1",
|
"less": "^3.11.1",
|
||||||
"less-loader": "^6.1.0",
|
"less-loader": "^6.1.0",
|
||||||
|
"luxon": "^1.24.1",
|
||||||
"react": "^16.13.1",
|
"react": "^16.13.1",
|
||||||
"react-app-rewired": "^2.1.6",
|
"react-app-rewired": "^2.1.6",
|
||||||
"react-dom": "^16.13.1",
|
"react-dom": "^16.13.1",
|
||||||
|
@ -17,7 +17,7 @@ export default function MenuDropdown() {
|
|||||||
<Dropdown.Menu onSelect={onSelect}>
|
<Dropdown.Menu onSelect={onSelect}>
|
||||||
<Dropdown.Item eventKey={'login'}>Login</Dropdown.Item>
|
<Dropdown.Item eventKey={'login'}>Login</Dropdown.Item>
|
||||||
<Dropdown.Item eventKey={'register'}>Register</Dropdown.Item>
|
<Dropdown.Item eventKey={'register'}>Register</Dropdown.Item>
|
||||||
<Dropdown.Item eventKey={2}>Dashboard</Dropdown.Item>
|
<Dropdown.Item eventKey={'/'}>Dashboard</Dropdown.Item>
|
||||||
<Dropdown.Item eventKey={3}>Schedule a Meeting</Dropdown.Item>
|
<Dropdown.Item eventKey={3}>Schedule a Meeting</Dropdown.Item>
|
||||||
<Dropdown.Item eventKey={4}>Account Settings</Dropdown.Item>
|
<Dropdown.Item eventKey={4}>Account Settings</Dropdown.Item>
|
||||||
<Dropdown.Item eventKey={5}>Log Out</Dropdown.Item>
|
<Dropdown.Item eventKey={5}>Log Out</Dropdown.Item>
|
||||||
|
@ -3,6 +3,7 @@ import 'rsuite/lib/styles/index.less';
|
|||||||
import { Container } from 'rsuite';
|
import { Container } from 'rsuite';
|
||||||
import { BrowserRouter as Router, Switch, Route } from 'react-router-dom';
|
import { BrowserRouter as Router, Switch, Route } from 'react-router-dom';
|
||||||
|
|
||||||
|
import Dashboard from './Dashboard';
|
||||||
import Login from './Login';
|
import Login from './Login';
|
||||||
import Register from './Register';
|
import Register from './Register';
|
||||||
import NavBar from '../components/Navbar/NavBar';
|
import NavBar from '../components/Navbar/NavBar';
|
||||||
@ -22,6 +23,9 @@ export default function App() {
|
|||||||
<Container style={containerStyle}>
|
<Container style={containerStyle}>
|
||||||
<NavBar />
|
<NavBar />
|
||||||
<Switch>
|
<Switch>
|
||||||
|
<Route path='/' exact>
|
||||||
|
<Dashboard />
|
||||||
|
</Route>
|
||||||
<Route path='/login'>
|
<Route path='/login'>
|
||||||
<Login />
|
<Login />
|
||||||
</Route>
|
</Route>
|
||||||
|
14
src/screens/Dashboard.js
Normal file
14
src/screens/Dashboard.js
Normal file
@ -0,0 +1,14 @@
|
|||||||
|
import React from 'react';
|
||||||
|
import { Panel } from 'rsuite';
|
||||||
|
|
||||||
|
const boxStyle = {
|
||||||
|
margin: '50px 10px',
|
||||||
|
};
|
||||||
|
|
||||||
|
export default function Dashboard() {
|
||||||
|
return (
|
||||||
|
<Panel header={<h3>Dashboard</h3>} bordered style={boxStyle}>
|
||||||
|
<p>This is just experimenting with stuff.</p>
|
||||||
|
</Panel>
|
||||||
|
);
|
||||||
|
}
|
Loading…
Reference in New Issue
Block a user