modified file structure and updated tables (#73)

.eslintrc.js

@@ -19,6 +19,8 @@ module.exports = {
       'no-console': 'off',
       'react/prop-types': 'off',
       'no-nested-ternary': 'off',
-      'import/no-named-as-default': 'off'
+      'import/no-named-as-default': 'off',
+      'import/no-extraneous-dependencies': 'off',
+      ' import/no-useless-path-segments': 'off'
    },
 };

package.json

@@ -7,6 +7,7 @@
       "@emotion/styled": "^11.10.6",
       "@firebase/firestore": "^3.8.4",
       "@mui/material": "^5.13.6",
+      "@mui/x-data-grid": "^6.10.0",
       "@testing-library/jest-dom": "^5.16.5",
       "@testing-library/react": "^14.0.0",
       "@testing-library/user-event": "^14.4.3",

src/App.js

@@ -1,6 +1,6 @@
 import './App.css';
 import Container from 'react-bootstrap/Container';
-import Patients from './components/Patients';
+import PatientList from './components/PatientList';
 import ECGList from './components/ECGList';
 import Login from './components/Login';
 import Header from './components/Header';
@@ -18,7 +18,7 @@ function App() {
                <Router>
                   <Routes>
                      <Route exact path="/" element={<PrivateRoute />}>
-                        <Route exact path="/" element={<Patients />} />
+                        <Route exact path="/" element={<PatientList />} />
                      </Route>
                      <Route exact path="/ecglist/:patient" element={<PrivateRoute />}>
                         <Route exact path="/ecglist/:patient" element={<ECGList />} />

src/components/AdminWarning.js → src/components/AdminWarning/index.js

@@ -1,7 +1,7 @@
 import { Container, Card } from 'react-bootstrap';
 import { ExclamationTriangle } from 'react-bootstrap-icons'; 
 
-function AdminWarning() {
+export default function AdminWarning() {
     return (
         <Container>
             <Card className="mt-3" style={{ width: '25em', margin: '0 auto' }}>
@@ -14,4 +14,3 @@ function AdminWarning() {
         </Container>
     )
 }
-export default AdminWarning;

src/components/Dashboard.js → src/components/Dashboard/index.js

@@ -1,7 +1,6 @@
 import { useState, useEffect } from 'react';
-import ChartView from './ecg-chart';
-import getVoltageData from './ecg-format';
-// import { Stack } from '@mui/material';
+import ECGChartView from '../ECGChartView';
+import getVoltageData from '../ecg-format';
 import Container from 'react-bootstrap/Container';
 
 export default function Dashboard({ ecgdata }) {
@@ -12,15 +11,14 @@ export default function Dashboard({ ecgdata }) {
          setData(getVoltageData(ecgdata));
       }
    }, [ecgdata]);
-   // return <ChartView data={data} /> 
 
 return (
 
    data && 
    <Container>
-      <ChartView data={data[0]} /> 
-      <ChartView data={data[1]} /> 
-      <ChartView data={data[2]} />
+      <ECGChartView data={data[0]} /> 
+      <ECGChartView data={data[1]} /> 
+      <ECGChartView data={data[2]} />
    </Container>
 
 );  

src/components/ecg-chart.js → src/components/ECGChartView/index.js

@@ -1,7 +1,6 @@
 import { CartesianGrid, Line, LineChart, ResponsiveContainer, XAxis, YAxis } from 'recharts';
-// import Container from 'react-bootstrap/Container';
 
-function ChartView({ data }) {
+export default function ECGChartView({ data }) {
 
    const gridLines = (start, stop, step) =>
     Array.from(
@@ -10,27 +9,6 @@ function ChartView({ data }) {
     );
 
 
-
-   // function getMinMax() {
-   //    const times = []
-   //    const voltages = []
-   //    data.forEach(pairs =>  {
-   //       times.push(pairs.x)
-   //       voltages.push(pairs.y)
-   //    })
-
-
-   //    const time_min = Math.min(...times);
-
-   //    const time_max = Math.max(...times);
-   //    const voltage_min = Math.min(...voltages);
-   //    const voltage_max = Math.max(...voltages);
-   //    // console.log([time_min, time_max, voltage_min, voltage_max])
-   //    return [time_min, time_max, voltage_min, voltage_max]
-
-   // }
-
-
    return (
       <ResponsiveContainer minWidth="600" height={250}>
          <LineChart
@@ -91,4 +69,4 @@ function ChartView({ data }) {
    );
 }
 
-export default ChartView;
+