update
This commit is contained in:
Alex Santos
parent
60ad6c4478
commit
906162182c
20
src/components/footer/Footer.tsx
Normal file
20
src/components/footer/Footer.tsx
Normal file
@ -0,0 +1,20 @@
|
||||
/* eslint-disable no-mixed-spaces-and-tabs */
|
||||
import * as React from 'react';
|
||||
import CssBaseline from '@mui/material/CssBaseline';
|
||||
import Box from '@mui/material/Box';
|
||||
import Typography from '@mui/material/Typography';
|
||||
import Container from '@mui/material/Container';
|
||||
import Link from '@mui/material/Link';
|
||||
|
||||
import { FooterView } from './footerView'
|
||||
|
||||
export default function Footer() {
|
||||
return (
|
||||
<FooterView>
|
||||
|
||||
<p>© 2022 - Smart Energia </p>
|
||||
|
||||
|
||||
</FooterView>
|
||||
);
|
||||
}
|
||||
28
src/components/footer/FooterView.ts
Normal file
28
src/components/footer/FooterView.ts
Normal file
@ -0,0 +1,28 @@
|
||||
|
||||
import styled from "styled-components";
|
||||
|
||||
export const FooterView = styled.footer`
|
||||
position: relative;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: flex-start;
|
||||
background-color: #254F7F;
|
||||
width: 100%;
|
||||
height:65px;
|
||||
bottom: 0;
|
||||
|
||||
|
||||
p{
|
||||
color: #fff;
|
||||
margin: 1px 5px 5px 20px;
|
||||
font-size: 13px;
|
||||
}
|
||||
|
||||
|
||||
/*responsive*/
|
||||
|
||||
|
||||
|
||||
`;
|
||||
|
||||
|
||||
@ -15,8 +15,7 @@ export const SidebarView = styled.nav<SidebarViewInterface>`
|
||||
flex-direction: column;
|
||||
|
||||
width: 20%;
|
||||
min-width: 15rem;
|
||||
|
||||
min-width: 20rem;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
|
||||
@ -191,7 +190,7 @@ export const SidebarView = styled.nav<SidebarViewInterface>`
|
||||
font-size: 14px;
|
||||
ul {
|
||||
li {
|
||||
height: 3.5rem;
|
||||
height: 2rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@ -3,7 +3,7 @@ import { useRouter } from 'next/router'
|
||||
import { AppProps } from 'next/app'
|
||||
import NProgress from 'nprogress'
|
||||
|
||||
|
||||
import Footer from '../components/footer/Footer'
|
||||
import Sidebar from '../components/sidebar/Sidebar'
|
||||
import { GlobalStyle } from '../styles/globals'
|
||||
import { AppView } from '../styles/app/AppView'
|
||||
@ -40,25 +40,30 @@ function MyApp({ Component, pageProps }: AppProps) {
|
||||
}, [router])
|
||||
|
||||
return (
|
||||
<AppView>
|
||||
<Head>
|
||||
<link rel="icon" type="imagem/png" href="/assets/logose.png" />
|
||||
<meta name="viewport" content="viewport-fit=cover" />
|
||||
</Head>
|
||||
<Home />
|
||||
<VerifyEmail />
|
||||
<ForgotPassword />
|
||||
<GlobalStyle />
|
||||
{
|
||||
rota != '/' && rota != '/forgotPassword' && rota != '/verifyEmail'?
|
||||
<>
|
||||
<Sidebar />
|
||||
<Component {...pageProps} />
|
||||
</>
|
||||
:
|
||||
null
|
||||
}
|
||||
</AppView>
|
||||
<>
|
||||
<AppView>
|
||||
<Head>
|
||||
<link rel="icon" type="imagem/png" href="/assets/logose.png" />
|
||||
<meta name="viewport" content="viewport-fit=cover" />
|
||||
</Head>
|
||||
<Home />
|
||||
<VerifyEmail />
|
||||
<ForgotPassword />
|
||||
<GlobalStyle />
|
||||
{
|
||||
rota != '/' && rota != '/forgotPassword' && rota != '/verifyEmail'?
|
||||
<>
|
||||
<Sidebar />
|
||||
<Component {...pageProps} />
|
||||
|
||||
</>
|
||||
:
|
||||
null
|
||||
}
|
||||
</AppView>
|
||||
<Footer />
|
||||
|
||||
</>
|
||||
)
|
||||
}
|
||||
|
||||
|
||||
@ -14,6 +14,7 @@ import FormHelperText from '@mui/material/FormHelperText';
|
||||
import FormControl from '@mui/material/FormControl';
|
||||
import TextField from '@mui/material/TextField';
|
||||
import LineChart from '../components/graph/LineChart'
|
||||
import Footer from '../components/footer/footer'
|
||||
|
||||
|
||||
|
||||
@ -44,30 +45,7 @@ export default function areaTest() {
|
||||
|
||||
return (
|
||||
<>
|
||||
{/* <FormControl sx={{ m: 1, width: '25ch' }} variant="outlined">
|
||||
<InputLabel htmlFor="outlined-ad
|
||||
ornment-password">Password</InputLabel>
|
||||
<OutlinedInput
|
||||
id="outlined-adornment-password"
|
||||
type={values.showPassword ? 'text' : 'password'}
|
||||
value={values.password}
|
||||
onChange={handleChange('password')}
|
||||
endAdornment={
|
||||
<InputAdornment position="end">
|
||||
<IconButton
|
||||
aria-label="toggle password visibility"
|
||||
onClick={handleClickShowPassword}
|
||||
onMouseDown={handleMouseDownPassword}
|
||||
edge="end"
|
||||
>
|
||||
{values.showPassword ? <Image src="/eye-svgrepo-com.svg" width={50} height={10}/> : <Image src="/eye-svgrepo-com.svg" width={50} height={10} />}
|
||||
</IconButton>
|
||||
</InputAdornment>
|
||||
}
|
||||
label="Password"
|
||||
/>
|
||||
</FormControl> */}
|
||||
{/* <LineChart title='title' /> */}
|
||||
<Footer />
|
||||
</>
|
||||
)
|
||||
}
|
||||
|
||||
@ -6,6 +6,7 @@ import MapCard from '../components/mapCard/MapCard'
|
||||
import GraphCard from '../components/graph/graphCard/ChartCard'
|
||||
import Header from '../components/header/Header'
|
||||
import PageTitle from '../components/pageTitle/PageTitle'
|
||||
import Footer from '../components/footer/footer';
|
||||
import Link from 'next/link'
|
||||
import LineChart from '../components/graph/LineChart'
|
||||
import { SingleBar } from '../components/graph/SingleBar'
|
||||
@ -26,6 +27,7 @@ export default function Dashboard() {
|
||||
<title>Smart Energia - Dashboard</title>
|
||||
</Head>
|
||||
<Header name='' />
|
||||
|
||||
<PageTitle title='Visão Geral' subtitle='Bem Vindo a Smart Energia' />
|
||||
<Link href={'pld'} >
|
||||
<section className="cardsSection" >
|
||||
@ -50,7 +52,12 @@ export default function Dashboard() {
|
||||
<GraphCard title='Indicador de Custo' subtitle='Valores em R$/ MWh'>
|
||||
<Chart title='Indicador de Custo' subtitle='(Valores em R$/MWh)' data1={dataEconomiaIndicador.data1} data2={dataEconomiaIndicador.data2} label={dataEconomiaIndicador.labels} />
|
||||
</GraphCard>
|
||||
|
||||
</section>
|
||||
|
||||
</DashboardView>
|
||||
|
||||
|
||||
|
||||
)
|
||||
}
|
||||
|
||||
@ -2,7 +2,7 @@ import React, { useState } from 'react'
|
||||
import Image from 'next/image';
|
||||
import Link from 'next/link';
|
||||
import { useRouter } from 'next/router'
|
||||
|
||||
import Footer from '../components/footer/footer'
|
||||
import OutlinedInput from '@mui/material/OutlinedInput';
|
||||
import InputLabel from '@mui/material/InputLabel';
|
||||
import InputAdornment from '@mui/material/InputAdornment';
|
||||
@ -86,6 +86,7 @@ export default function Home() {
|
||||
<p><a href='tel:+55(41) 3012-5900' >+55(41) 3012-5900</a><br/><a href='https://www.energiasmart.com.br' target="_blank" rel="noreferrer" >www.energiasmart.com.br</a></p>
|
||||
|
||||
</LoginContainer>
|
||||
|
||||
</LoginView>
|
||||
)
|
||||
}
|
||||
|
||||
@ -106,8 +106,8 @@ export default function Telemetria() {
|
||||
|
||||
<Buttons>
|
||||
<GradientButton title='GRÁFICO' description='Gerar gráficos com os dados selecionados' orange link />
|
||||
<GradientButton title='DOWNLOADS' description='Gerar gráficos com os dados selecionados' purple />
|
||||
<GradientButton title='DADOS' description='Gerar gráficos com os dados selecionados' green />
|
||||
<GradientButton title='DOWNLOADS' description='DADOS BRUTOS SELECIONADOS' purple />
|
||||
<GradientButton title='DADOS' description='hORÁRIOS DO MÊS ATUAL' green />
|
||||
</Buttons>
|
||||
<p className='paragraph'>
|
||||
<i>
|
||||
|
||||
@ -3,9 +3,9 @@ import styled from 'styled-components'
|
||||
export const AppView = styled.main`
|
||||
display: flex;
|
||||
|
||||
height: 100%;
|
||||
height: calc(20rem[] - 65px);
|
||||
|
||||
margin: 0 0 10rem 0;
|
||||
margin: 0 0 0 0;
|
||||
padding: 0;
|
||||
|
||||
@media (max-width: 1008px) {
|
||||
|
||||
@ -74,6 +74,8 @@ export const DashboardView = styled.main`
|
||||
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
|
||||
`
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user