add remaining files

src/components/Accuracy.css

@@ -0,0 +1,29 @@
+.button {
+    background-color: #4CAF50;
+    /* Green */
+    border: none;
+    color: white;
+    /* padding: 15px 32px; */
+    padding: 5px 10px;
+    text-align: center;
+    text-decoration: none;
+    display: inline-block;
+    font-size: 16px;
+    margin: 15px;
+}
+
+.dates {
+    flex-direction: row;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    margin: 1.5rem;
+}
+
+.start-date {
+    margin: 10px;
+}
+
+.end-date {
+    margin: 10px;
+}

src/routes/appRoutes.js

@@ -7,12 +7,13 @@ import Devices from '../components/Devices';
 import { Download, FactCheck } from '@mui/icons-material';
 import ExportData from '../components/ExportData';
 import Registration from '../components/Registration';
-import { FaAndroid, FaArrowCircleLeft, FaBezierCurve, FaCheck, FaFlask, FaGolfBall, FaPhone, FaSearch, FaUser } from 'react-icons/fa';
+import { FaAndroid, FaArrowCircleLeft, FaBars, FaBezierCurve, FaChalkboardTeacher, FaChartArea, FaChartLine, FaCheck, FaExclamation, FaFlask, FaGolfBall, FaPhone, FaQuestionCircle, FaSearch, FaUser } from 'react-icons/fa';
 import AppInstallation from '../components/AppInstallation';
 import Samples from '../components/Samples';
 import Precision from '../components/Precision';
 import Accuracy from '../components/Accuracy';
 import CurveFit from '../components/CurveFit';
+import Help from '../components/Help';
 
 const appRoutes = [
     {
@@ -43,7 +44,7 @@ const appRoutes = [
         element: <ExportData />,
         state: "downloaddata",
         sidebarProps: {
-            displayText: "Data Download",
+            displayText: "Raw Data",
             icon: <Download />
         }
     },
@@ -74,31 +75,40 @@ const appRoutes = [
             icon: <FaFlask />
         }
     },
+    // {
+    //     path: "/precision",
+    //     element: <Precision />,
+    //     state: "precision",
+    //     sidebarProps: {
+    //         displayText: "Precision",
+    //         icon: <FaCheck />
+    //     }
+    // },
     {
-        path: "/precision",
-        element: <Precision />,
-        state: "precision",
-        sidebarProps: {
-            displayText: "Precision",
-            icon: <FaCheck />
-        }
-    },
-    {
-        path: "/accuracy",
+        path: "/autoanalysis",
         element: <Accuracy />,
-        state: "accuracy",
+        state: "autoanalysis",
         sidebarProps: {
-            displayText: "Accuracy",
-            icon: <FaGolfBall />
+            displayText: "Auto Analysis (NEW)",
+            icon: <FaChartLine />
         }
     },
+    // {
+    //     path: "/curvefit",
+    //     element: <CurveFit />,
+    //     state: "curvefit",
+    //     sidebarProps: {
+    //         displayText: "Linear Fit",
+    //         icon: <FaBezierCurve />
+    //     }
+    // },
     {
-        path: "/curvefit",
-        element: <CurveFit />,
-        state: "curvefit",
+        path: "/helpcenter",
+        element: <Help />,
+        state: "helpcenter",
         sidebarProps: {
-            displayText: "Curve Fit",
-            icon: <FaBezierCurve />
+            displayText: "Help Center",
+            icon: <FaQuestionCircle />
         }
     },
 ]