bravo68web
/
url-minify
mirror of https://github.com/BRAVO68WEB/url-minify.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

Merge pull request #61 from aaheli8/main 

dasboard
This commit is contained in:
Jyotirmoy Bandyopadhayaya 2022-02-14 22:13:40 +05:30 committed by GitHub
parent aee2d29f03 0e12b97699
commit 605cb9c1af
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
5 changed files with 1810 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

62
frontend/components/Dashboard/Dashboard.jsx Normal file
View File

@ -0,0 +1,62 @@
import DashboardStyle from "./Dashboard.style";
function Sidebar1(){
return(
<div className="sidebar" style={{backgroundColor:"#696969"}}>
<ul>
<li className="nav-item mb-2"><h3>Brand Name</h3></li>
<li className="nav-item mb-2"><img src="logo.svg" style={{'borderRadius':'5px'}}></img></li>
<li className="nav-item mb-2">Hyat</li>
<li className="nav-item mb-2">Product Desiner</li>
<li className="nav-item mb-2"><button>Create Link</button></li>
<li className="nav-item mb-2">Overview</li>
<li className="nav-item mb-2">MyLinks</li>
<li className="nav-item mb-2">Extras</li>
</ul>
</div>
)
}
function Sidebar2()
{
return(
<div className="sidebar2">
<h2 className="dash">Overview</h2>
<div className="row">
<div className="column">Box1</div>
<div className="column">Box2</div>
<div className="column">Box3</div>
</div>
</div>
)
}
function Graph()
{
return (
<div className="sidebar2">
<div className="row">
<div className="column">Daily Insight</div>
<div className="column">
<ul >
<li className="list2">Api Version</li>
<li className="list2">Frontend Version</li>
<li className="list2">Links generated yet</li>
<li className="list2">Total views yet</li>
</ul>
</div>
</div>
</div>
)
}
function App() {
return (
<DashboardStyle>
<Sidebar1 />
<Sidebar2 />
<Graph />
</DashboardStyle>
);
}
export default App;

32
frontend/components/Dashboard/Dashboard.style.js Normal file
View File

@ -0,0 +1,32 @@
import styled from "styled-components"
export default styled.div`
.sidebar{
float: left;
width: 20%;
height: 100vh;
}
.nav-item {
margin: 2.5rem;
list-style-type: none;
}
.sidebar2{
text-align: center;
}
.dash{
text-align: left;
margin-left: 1.5px;
}
.row {
display: flex;
}
.column {
flex: 30%;
height: 250px;
}
.list2{
margin-bottom: 10px;
list-style-type: none;
}
`

1688
frontend/package-lock.json generated
View File

File diff suppressed because it is too large Load Diff

22
frontend/pages/dashboard/index.js Normal file
View File

@ -0,0 +1,22 @@
import React from 'react';
import Head from "next/head";
import NavBar from "../../components/NavBar";
import Dashboard from "components/Dashboard/Dashboard"
function Index(props) {
return (
<div className={""}>
<Head>
<title>Dashboard</title>
<link rel="icon" href="/favicon.ico" />
</Head>
<main>
<NavBar />
<Dashboard/>
</main>
</div>
);
}
export default Index;

18
frontend/yarn.lock
View File

@ -260,40 +260,40 @@
"@fortawesome/fontawesome-common-types@^0.3.0":
version "0.3.0"
resolved "https://registry.yarnpkg.com/@fortawesome/fontawesome-common-types/-/fontawesome-common-types-0.3.0.tgz#949995a05c0d8801be7e0a594f775f1dbaa0d893"
resolved "https://registry.npmjs.org/@fortawesome/fontawesome-common-types/-/fontawesome-common-types-0.3.0.tgz"
integrity sha512-CA3MAZBTxVsF6SkfkHXDerkhcQs0QPofy43eFdbWJJkZiq3SfiaH1msOkac59rQaqto5EqWnASboY1dBuKen5w==
"@fortawesome/fontawesome-svg-core@^1.3.0":
version "1.3.0"
resolved "https://registry.yarnpkg.com/@fortawesome/fontawesome-svg-core/-/fontawesome-svg-core-1.3.0.tgz#343fac91fa87daa630d26420bfedfba560f85885"
resolved "https://registry.npmjs.org/@fortawesome/fontawesome-svg-core/-/fontawesome-svg-core-1.3.0.tgz"
integrity sha512-UIL6crBWhjTNQcONt96ExjUnKt1D68foe3xjEensLDclqQ6YagwCRYVQdrp/hW0ALRp/5Fv/VKw+MqTUWYYvPg==
dependencies:
"@fortawesome/fontawesome-common-types" "^0.3.0"
"@fortawesome/free-brands-svg-icons@^6.0.0":
version "6.0.0"
resolved "https://registry.yarnpkg.com/@fortawesome/free-brands-svg-icons/-/free-brands-svg-icons-6.0.0.tgz#c69830ec2fad38c95945867f4e6927bf33cce6f8"
resolved "https://registry.npmjs.org/@fortawesome/free-brands-svg-icons/-/free-brands-svg-icons-6.0.0.tgz"
integrity sha512-BIhsy2YeGuk8+KQwpqmyayQDWo1lvGMHsMIE+z5ApPRgV7T+zGhmNzYVoBT4IrJMC6ep5WpGrxoHX+IvNxHnkw==
dependencies:
"@fortawesome/fontawesome-common-types" "^0.3.0"
"@fortawesome/free-regular-svg-icons@^6.0.0":
version "6.0.0"
resolved "https://registry.yarnpkg.com/@fortawesome/free-regular-svg-icons/-/free-regular-svg-icons-6.0.0.tgz#f3cb91dac643472fe8138024b93fbfbdf05675cc"
resolved "https://registry.npmjs.org/@fortawesome/free-regular-svg-icons/-/free-regular-svg-icons-6.0.0.tgz"
integrity sha512-lYK6oyQL8HwZUAVWGqF7TGuwQBVfphNBVTdvPSD3h4gmQfGazm/xcwg3kmtcRycu3y6QspOC7hPXSoJbVqSYCw==
dependencies:
"@fortawesome/fontawesome-common-types" "^0.3.0"
"@fortawesome/free-solid-svg-icons@^6.0.0":
version "6.0.0"
resolved "https://registry.yarnpkg.com/@fortawesome/free-solid-svg-icons/-/free-solid-svg-icons-6.0.0.tgz#bed4a501b631c6cfa35c09830f7cb63ffca1589d"
resolved "https://registry.npmjs.org/@fortawesome/free-solid-svg-icons/-/free-solid-svg-icons-6.0.0.tgz"
integrity sha512-o4FZ1XbndcgeWNb8Wh0y+Hgf73CjmyOQowUSaqQCtgIIdS+XliSBSOwCl330wER+I6CGYE96hT27bHBPmzX2Gg==
dependencies:
"@fortawesome/fontawesome-common-types" "^0.3.0"
"@fortawesome/react-fontawesome@^0.1.17":
version "0.1.17"
resolved "https://registry.yarnpkg.com/@fortawesome/react-fontawesome/-/react-fontawesome-0.1.17.tgz#06fc06cb1a721e38e5b50b4a1cb851e9b9c77d7a"
resolved "https://registry.npmjs.org/@fortawesome/react-fontawesome/-/react-fontawesome-0.1.17.tgz"
integrity sha512-dX43Z5IvMaW7fwzU8farosYjKNGfRb2HB/DgjVBHeJZ/NSnuuaujPPx0YOdcAq+n3mqn70tyCde2HM1mqbhiuw==
dependencies:
prop-types "^15.8.1"
@ -503,7 +503,7 @@ ansi-styles@^3.2.1:
axios@^0.25.0:
version "0.25.0"
resolved "https://registry.yarnpkg.com/axios/-/axios-0.25.0.tgz#349cfbb31331a9b4453190791760a8d35b093e0a"
resolved "https://registry.npmjs.org/axios/-/axios-0.25.0.tgz"
integrity sha512-cD8FOb0tRH3uuEe6+evtAbgJtfxr7ly3fQjYcMcuPlgkwVS9xboaVIpcDV+cYQe+yGykgwZCs1pzjntcGa6l5g==
dependencies:
follow-redirects "^1.14.7"
@ -649,7 +649,7 @@ find-root@^1.1.0:
follow-redirects@^1.14.7:
version "1.14.8"
resolved "https://registry.yarnpkg.com/follow-redirects/-/follow-redirects-1.14.8.tgz#016996fb9a11a100566398b1c6839337d7bfa8fc"
resolved "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.14.8.tgz"
integrity sha512-1x0S9UVJHsQprFcEC/qnNzBLcIxsjAV905f/UkQxbclCsoTWlacCNOpQa/anodLl2uaEKFhfWOvM2Qg77+15zA==
function-bind@^1.1.1:
@ -740,7 +740,7 @@ ms@2.1.2:
nanoid@^3.1.30, nanoid@^3.2.0:
version "3.2.0"
resolved "https://registry.yarnpkg.com/nanoid/-/nanoid-3.2.0.tgz#62667522da6673971cca916a6d3eff3f415ff80c"
resolved "https://registry.npmjs.org/nanoid/-/nanoid-3.2.0.tgz"
integrity sha512-fmsZYa9lpn69Ad5eDn7FMcnnSR+8R34W9qJEijxYhTbfOWzr22n1QxCMzXLK+ODyW2973V3Fux959iQoUxzUIA==
next@12.0.9: