fix tables style

src/components/administrativeTables/ClientsTable.tsx

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

src/components/administrativeTables/FaqTable.tsx

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

src/components/administrativeTables/NotificationsTable.tsx

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

src/components/administrativeTables/TableView.ts

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