Skip to content

Commit a7fb03e

Browse files
DhananjayPurohitDhananjayPurohit
committed
Implemented docs page
1 parent 197823a commit a7fb03e

File tree

8 files changed

+288
-31
lines changed

8 files changed

+288
-31
lines changed

‎dashboard/.eslintcache

Lines changed: 1 addition & 1 deletion
Large diffs are not rendered by default.

‎dashboard/package-lock.json

Lines changed: 83 additions & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎dashboard/package.json

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -12,6 +12,7 @@
1212
"gh-pages": "^3.1.0",
1313
"react": "^17.0.1",
1414
"react-dom": "^17.0.1",
15+
"react-router-dom": "^5.2.0",
1516
"react-scripts": "4.0.1",
1617
"web-vitals": "^0.2.4"
1718
},

‎dashboard/src/App.js

Lines changed: 15 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -1,12 +1,21 @@
1-
import logo from './logo.svg';
2-
import './App.css';
3-
import Dashboard from './src/Dashboard';
1+
import logo from "./logo.svg";
2+
import "./App.css";
3+
import { BrowserRouter as Router, Switch, Route, Link } from "react-router-dom";
4+
import Dashboard from "./src/Dashboard";
5+
import Doc from "./src/Doc";
46

57
function App() {
68
return (
7-
<div className="App">
8-
<Dashboard/>
9-
</div>
9+
<Router>
10+
<Switch>
11+
<Route path="/doc">
12+
<Doc />
13+
</Route>
14+
<Route path="/">
15+
<Dashboard />
16+
</Route>
17+
</Switch>
18+
</Router>
1019
);
1120
}
1221

‎dashboard/src/src/Dashboard.js

Lines changed: 20 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -28,23 +28,30 @@ import Tabs from "@material-ui/core/Tabs";
2828
import Tab from "@material-ui/core/Tab";
2929
import PropTypes from "prop-types";
3030
import Overall from "./Overall";
31-
import Button from '@material-ui/core/Button';
31+
import Button from "@material-ui/core/Button";
32+
import RefreshIcon from '@material-ui/icons/Refresh';
3233

3334
function Copyright() {
3435
const classes = useStyles();
3536
return (
36-
<div>
37-
<Button variant="outlined" size="large" color="primary" className={classes.margin}>
38-
How it works?
39-
</Button>
40-
<Typography variant="body2" color="textSecondary" align="center">
41-
{"Copyright © "}
42-
<Link color="inherit" href="https://material-ui.com/">
43-
IVC
44-
</Link>{" "}
45-
{new Date().getFullYear()}
46-
{"."}
47-
</Typography>
37+
<div align="center">
38+
<Button
39+
variant="outlined"
40+
size="large"
41+
color="primary"
42+
className={classes.margin}
43+
href="/docs"
44+
>
45+
How it works?
46+
</Button>
47+
<Typography variant="body2" color="textSecondary" align="center">
48+
{"Copyright © "}
49+
<Link color="inherit" href="https://material-ui.com/">
50+
IVC
51+
</Link>{" "}
52+
{new Date().getFullYear()}
53+
{"."}
54+
</Typography>
4855
</div>
4956
);
5057
}

‎dashboard/src/src/Doc.js

Lines changed: 130 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,130 @@
1+
import React from "react";
2+
import { makeStyles } from "@material-ui/core/styles";
3+
import CssBaseline from "@material-ui/core/CssBaseline";
4+
import AppBar from "@material-ui/core/AppBar";
5+
import Toolbar from "@material-ui/core/Toolbar";
6+
import Paper from "@material-ui/core/Paper";
7+
import Stepper from "@material-ui/core/Stepper";
8+
import Step from "@material-ui/core/Step";
9+
import StepLabel from "@material-ui/core/StepLabel";
10+
import Button from "@material-ui/core/Button";
11+
import Link from "@material-ui/core/Link";
12+
import Typography from "@material-ui/core/Typography";
13+
14+
function Copyright() {
15+
return (
16+
<Typography variant="body2" color="textSecondary" align="center">
17+
{"Copyright © "}
18+
<Link color="inherit" href="https://material-ui.com/">
19+
IVC
20+
</Link>{" "}
21+
{new Date().getFullYear()}
22+
{"."}
23+
</Typography>
24+
);
25+
}
26+
27+
const useStyles = makeStyles((theme) => ({
28+
appBar: {
29+
position: "relative",
30+
},
31+
layout: {
32+
width: "auto",
33+
marginLeft: theme.spacing(2),
34+
marginRight: theme.spacing(2),
35+
[theme.breakpoints.up(600 + theme.spacing(2) * 2)]: {
36+
width: 600,
37+
marginLeft: "auto",
38+
marginRight: "auto",
39+
},
40+
},
41+
paper: {
42+
marginTop: theme.spacing(3),
43+
marginBottom: theme.spacing(3),
44+
padding: theme.spacing(2),
45+
[theme.breakpoints.up(600 + theme.spacing(3) * 2)]: {
46+
marginTop: theme.spacing(6),
47+
marginBottom: theme.spacing(6),
48+
padding: theme.spacing(3),
49+
},
50+
},
51+
button: {
52+
marginLeft:"80%"
53+
}
54+
}));
55+
56+
export default function Checkout() {
57+
const classes = useStyles();
58+
59+
return (
60+
<React.Fragment>
61+
<CssBaseline />
62+
<AppBar position="absolute" color="default" className={classes.appBar}>
63+
<Toolbar>
64+
<Typography variant="h6" color="inherit" noWrap>
65+
How it works?
66+
</Typography>
67+
<Button
68+
variant="outlined"
69+
size="large"
70+
color="primary"
71+
className={classes.button}
72+
href="/"
73+
>
74+
Dashboard
75+
</Button>
76+
</Toolbar>
77+
</AppBar>
78+
<main className={classes.layout}>
79+
<Paper className={classes.paper}>
80+
<Typography component="h1" variant="h5" align="center">
81+
Transcript
82+
</Typography>
83+
<br />
84+
<Typography align="justified">
85+
An integrated circuit or monolithic integrated circuit (also
86+
referred to as an IC, a chip, or a microchip) is a set of electronic
87+
circuits on one small flat piece (or "chip") of semiconductor
88+
material that is normally silicon. The integration of large numbers
89+
of tiny MOS transistors into a small chip results in circuits that
90+
are orders of magnitude smaller, faster, and less expensive than
91+
those constructed of discrete electronic components. The IC's mass
92+
production capability, reliability, and building-block approach to
93+
integrated circuit design has ensured the rapid adoption of
94+
standardized ICs in place of designs using discrete transistors. ICs
95+
are now used in virtually all electronic equipment and have
96+
revolutionized the world of electronics. Computers, mobile phones,
97+
and other digital home appliances are now inextricable parts of the
98+
structure of modern societies, made possible by the small size and
99+
low cost of ICs.
100+
</Typography>
101+
</Paper>
102+
<Paper className={classes.paper}>
103+
<Typography component="h1" variant="h5" align="center">
104+
Questions
105+
</Typography>
106+
<br />
107+
<Typography align="justified">
108+
The integration of large numbers of tiny MOS transistors into a
109+
large chip results in circuits that are orders of magnitude largeer,
110+
faster, and less expensive than those constructed of discrete
111+
electronic components.
112+
<br />
113+
<br />
114+
True
115+
<br />
116+
False
117+
</Typography>
118+
<br />
119+
<br />
120+
<Typography align="justified">
121+
Computers, mobile phones, and other digital home appliances are now
122+
inextricable parts of the structure of modern societies, made
123+
possible by the small size and low cost of ___________ .
124+
</Typography>
125+
</Paper>
126+
<Copyright />
127+
</main>
128+
</React.Fragment>
129+
);
130+
}

0 commit comments

Comments
 (0)