Smart/smartEnergyView-frontend
2
0
Fork 0
Code Issues 7 Pull Requests Actions Packages Projects Releases Wiki Activity

fix tables style

Browse Source
This commit is contained in:
joseCorte-exe 2022-06-16 10:26:20 -03:00
parent 7aef424758
commit 93309759d3
4 changed files with 10 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/components/administrativeTables/ClientsTable.tsx
View File

@ -12,7 +12,7 @@ import TableSortLabel from '@mui/material/TableSortLabel';
import { visuallyHidden } from '@mui/utils'; import { visuallyHidden } from '@mui/utils';
import React, { useState, useEffect } from 'react'; import React, { useState, useEffect } from 'react';
import { ClientTableView, StyledStatus } from './ClientsTableView'; import { TableView, StyledStatus } from './TableView';
interface Data { interface Data {
clientCode: number, clientCode: number,
@ -219,7 +219,7 @@ export default function ClientTable({clients, onChange}: ClientsTableInterface)
page > 0 ? Math.max(0, (1 + page) * rowsPerPage - clients.length) : 0; page > 0 ? Math.max(0, (1 + page) * rowsPerPage - clients.length) : 0;
return ( return (
<ClientTableView> <TableView>
<Paper sx={{ width: '100%', mb: 2 }}> <Paper sx={{ width: '100%', mb: 2 }}>
<TableContainer> <TableContainer>
<Table <Table
@ -297,6 +297,6 @@ export default function ClientTable({clients, onChange}: ClientsTableInterface)
onRowsPerPageChange={handleChangeRowsPerPage} onRowsPerPageChange={handleChangeRowsPerPage}
/> />
</Paper> </Paper>
</ClientTableView> </TableView>
); );
} }

7
src/components/administrativeTables/FaqTable.tsx
View File

@ -16,11 +16,10 @@ import TablePagination from '@mui/material/TablePagination';
import TableRow from '@mui/material/TableRow'; import TableRow from '@mui/material/TableRow';
import TableSortLabel from '@mui/material/TableSortLabel'; import TableSortLabel from '@mui/material/TableSortLabel';
import { visuallyHidden } from '@mui/utils'; import { visuallyHidden } from '@mui/utils';
import { GetServerSideProps } from 'next';
import React, { useState } from 'react'; import React, { useState } from 'react';
import getAPIClient from '../../services/ssrApi'; import getAPIClient from '../../services/ssrApi';
import { ClientTableView, StyledStatus } from './ClientsTableView'; import { TableView, StyledStatus } from './TableView';
interface Data { interface Data {
question: string, question: string,
@ -234,7 +233,7 @@ export default function FaqTable({questionData}: any) {
page > 0 ? Math.max(0, (1 + page) * rowsPerPage - rows.length) : 0; page > 0 ? Math.max(0, (1 + page) * rowsPerPage - rows.length) : 0;
return ( return (
<ClientTableView> <TableView>
<Paper sx={{ width: '100%', mb: 2 }}> <Paper sx={{ width: '100%', mb: 2 }}>
<TableContainer> <TableContainer>
<Table <Table
@ -311,7 +310,7 @@ export default function FaqTable({questionData}: any) {
onRowsPerPageChange={handleChangeRowsPerPage} onRowsPerPageChange={handleChangeRowsPerPage}
/> />
</Paper> </Paper>
</ClientTableView> </TableView>
); );
} }

6
src/components/administrativeTables/NotificationsTable.tsx
View File

@ -21,7 +21,7 @@ import Typography from '@mui/material/Typography';
import { visuallyHidden } from '@mui/utils'; import { visuallyHidden } from '@mui/utils';
import React, { useState, useEffect } from 'react'; import React, { useState, useEffect } from 'react';
import { ClientTableView, StyledStatus } from './ClientsTableView'; import { TableView, StyledStatus } from './TableView';
interface Data { interface Data {
notification: string, notification: string,
@ -248,7 +248,7 @@ export default function NotificationsTable({notifications, onChange}: Notificati
}, [selected]) }, [selected])
return ( return (
<ClientTableView> <TableView>
<Paper sx={{ width: '100%', mb: 2 }}> <Paper sx={{ width: '100%', mb: 2 }}>
<TableContainer> <TableContainer>
<Table <Table
@ -325,6 +325,6 @@ export default function NotificationsTable({notifications, onChange}: Notificati
onRowsPerPageChange={handleChangeRowsPerPage} onRowsPerPageChange={handleChangeRowsPerPage}
/> />
</Paper> </Paper>
</ClientTableView> </TableView>
); );
} }

2
src/components/administrativeTables/ClientsTableView.ts → src/components/administrativeTables/TableView.ts
View File

@ -1,6 +1,6 @@
import styled from "styled-components"; import styled from "styled-components";
export const ClientTableView = styled.main` export const TableView = styled.main`
width: 100%; width: 100%;
color: #6A707E; color: #6A707E;