Merge branch 'feature/operationSummary' into 'dev'

✨ add Operation Summary Page

See merge request kluppsoftware/smart-energia-web!29

pages/resumoOperacao.tsx

@@ -1,6 +1,5 @@
 import React from 'react';
-import Header from '../src/components/header/Header';
-import PageTitle from '../src/components/pageTitle/PageTitle';
+import BasicButton from '../src/components/buttons/basicButton/BasicButton';
 import Sidebar from '../src/components/sidebar/Sidebar';
 
 import { TableView } from '../styles/layouts/ResumoOperacao/ResumoOperacaoView';
@@ -13,7 +12,7 @@ export default function ResumoOperacao() {
 
       <h3>Seletor Mês</h3>
       <table className="tg">
-        <thead>
+<thead>
   <tr>
     <th className='tg-8oo6'>Unidade </th>
     <th className='tg-8oo6'>Operação</th>
@@ -22,8 +21,8 @@ export default function ResumoOperacao() {
     <th className='tg-8oo6'>Preço(R$/MWh)</th>
     <th className='tg-8oo6'>ValorNF/Crédito(R$)</th>
   </tr>
-        </thead>
-        <tbody>
+</thead>
+<tbody>
   <tr>
     <td className='tg-gceh'>Unidade - 9500130</td>
     <td className='tg-uulg'>Compra</td>
@@ -72,8 +71,14 @@ export default function ResumoOperacao() {
     <td className='tg-0tzy'>300,36</td>
     <td className='tg-hq65'>5.965,95</td>
   </tr>
-        </tbody>
-      </table>
+</tbody>
+</table>
+
+<BasicButton title='Enviar PDF' />
+<p>Mostando de 1 a 10 de 30 Entradas</p>
+
     </TableView>
+
+
   )
 }

styles/layouts/ResumoOperacao/ResumoOperacaoView.ts

@@ -2,7 +2,7 @@ import styled from 'styled-components'
 
 
 export const TableView = styled.div`
-display: flex;
+    display: flex;
     padding: 2.5rem;
     justify-content: center;
     flex-direction: column;
@@ -139,4 +139,9 @@ display: flex;
 
     color: #254F7F;
     }
+  p{
+    margin-top: 4rem;
+  }
+
+
 `;