linting and formatting

.prettierignore

@@ -4,3 +4,4 @@ node_modules/
 .vscode/
 .github/
 next.config.js
+coverage

components/Instructions.js

@@ -1,27 +1,37 @@
-import styles from '../styles/Instructions.module.css'
+import styles from '../styles/Instructions.module.css';
 
 function Instructions() {
   return (
     <div className={styles.instructions}>
-        <p>
-            <span className={styles.line}>Step 1: Stand up straight with your torso upright. Hold a dumbbell 
-            in each hand at arms-length. Your elbows should be close to your torso.</span>
+      <p>
+        <span className={styles.line}>
+          Step 1: Stand up straight with your torso upright. Hold a dumbbell in
+          each hand at arms-length. Your elbows should be close to your torso.
+        </span>
 
-            <span className={styles.line}>Step 2: The palms of your hands should be facing your torso. This is 
-            the starting position for the exercise.</span>
+        <span className={styles.line}>
+          Step 2: The palms of your hands should be facing your torso. This is
+          the starting position for the exercise.
+        </span>
 
-            <span className={styles.line}>Step 3: Curl the weight forward while contracting your biceps. Your 
-            upper arm should remain stationary. Continue to lift the weight until 
-            your biceps are fully contracted and the dumbbell is at shoulder level. 
-            Hold the contraction for a moment as you squeeze your biceps.</span>
+        <span className={styles.line}>
+          Step 3: Curl the weight forward while contracting your biceps. Your
+          upper arm should remain stationary. Continue to lift the weight until
+          your biceps are fully contracted and the dumbbell is at shoulder
+          level. Hold the contraction for a moment as you squeeze your biceps.
+        </span>
 
-            <span className={styles.line}>Step 4: Inhale and slowly start to bring the dumbbells back to the 
-            starting position.</span>
+        <span className={styles.line}>
+          Step 4: Inhale and slowly start to bring the dumbbells back to the
+          starting position.
+        </span>
 
-            <span className={styles.line}>Step 5: Repeat for the desired number of reps.</span>
-        </p>
+        <span className={styles.line}>
+          Step 5: Repeat for the desired number of reps.
+        </span>
+      </p>
     </div>
   );
 }
 
-export default Instructions;
+export default Instructions;

components/Search/Search.js

@@ -1,13 +1,13 @@
 // Bootstrap components
-import Container from 'react-bootstrap/Container'
+import Container from 'react-bootstrap/Container';
 import Col from 'react-bootstrap/Col';
-import Dropdown from 'react-bootstrap/Dropdown'
+import Dropdown from 'react-bootstrap/Dropdown';
 import DropdownButton from 'react-bootstrap/DropdownButton';
-import Form from 'react-bootstrap/Form'
+import Form from 'react-bootstrap/Form';
 import Row from 'react-bootstrap/Row';
 
 // Styles
-import styles from '../../styles/Search.module.css'
+import styles from '../../styles/Search.module.css';
 
 function SearchBar() {
   return (
@@ -16,7 +16,7 @@ function SearchBar() {
         <Row>
           <Col xs>
             <Form>
-              <Form.Control type="search" placeholder="Search"/>
+              <Form.Control type="search" placeholder="Search" />
             </Form>
           </Col>
           <Col xs>
@@ -32,4 +32,4 @@ function SearchBar() {
   );
 }
 
-export default SearchBar;
+export default SearchBar;

components/YouTube.js

@@ -1,13 +1,13 @@
 function YouTube() {
   return (
     <>
-      <iframe 
-      width="100%"
-      height="60%"
-      src="https://www.youtube.com/embed/TwD-YGVP4Bk" 
+      <iframe
+        width="100%"
+        height="60%"
+        src="https://www.youtube.com/embed/TwD-YGVP4Bk"
       ></iframe>
     </>
   );
 }
 
-export default YouTube;
+export default YouTube;

pages/exercises/index.js

@@ -2,13 +2,13 @@
 import List from '../../components/List/List';
 import TopNavbar from '../../components/Navbar/Navbar';
 
-import Instructions from '../../components/Instructions';
-import SearchBar from '../../components/Search/Search'
-import YouTube from '../../components/YouTube'
-import { Container, Row, Col } from "react-bootstrap";
+// import Instructions from '../../components/Instructions';
+// import SearchBar from '../../components/Search/Search';
+// import YouTube from '../../components/YouTube';
+// import { Container, Row, Col } from 'react-bootstrap';
 
 // Styles
-import styles from '../../styles/Exercises.module.css'
+import styles from '../../styles/Exercises.module.css';
 
 // React
 import React, { useState } from 'react';
@@ -23,7 +23,13 @@ export default function ExercisesPage() {
   exercise_list.push(
     new Exercise('Bench Press', ['Chest', 'Shoulder', 'Triceps']),
     new Exercise('Squats', ['Quadriceps', 'Hamstrings', 'Calves', 'Glutes']),
-    new Exercise('Plank', ['Quadriceps', 'Hamstrings', 'Core', 'Triceps', 'Glutes']),
+    new Exercise('Plank', [
+      'Quadriceps',
+      'Hamstrings',
+      'Core',
+      'Triceps',
+      'Glutes',
+    ]),
     new Exercise('Bench Dips ', ['Chest', 'Triceps']),
     new Exercise('Lunges', ['Hamstrings', 'Glutes', 'Quadriceps', 'Calves']),
     new Exercise('Custom exercise 1', ['Back', 'Biceps', 'Abs']),
@@ -54,5 +60,5 @@ export default function ExercisesPage() {
         </Row>
       </Container> */}
     </>
-  )
+  );
 }

pages/workouts/index.js

@@ -1,6 +1,3 @@
-// Next.js components
-import Link from 'next/link';
-
 // React
 import React, { useState } from 'react';
 
@@ -14,33 +11,26 @@ import styles from '../../styles/Workouts.module.css';
 // Import the Workout class so that we can create a dummy set of workouts to render
 import Workout from '../../public/classes/Workout';
 
-// A dummy workout list so that we have data to render.
-// Once the database is implemented this will not be necessary
-const workout_list = [];
-workout_list.push(
-  new Workout('Push Workout', ['Chest', 'Shoulder', 'Triceps'])
-);
-workout_list.push(new Workout('Pull Workout', ['Back', 'Biceps', 'Abs']));
-workout_list.push(
-  new Workout('Legs Workout', ['Quadriceps', 'Hamstrings', 'Calves'])
-);
-workout_list.push(
-  new Workout('Upper Workout', ['Chest', 'Back', 'Shoulder', 'Triceps'])
-);
-workout_list.push(new Workout('Workout 1', ['Chest', 'Shoulder', 'Triceps']));
-workout_list.push(new Workout('Workout 2', ['Back', 'Biceps', 'Abs']));
-workout_list.push(
-  new Workout('Workout 3', ['Quadriceps', 'Hamstrings', 'Calves'])
-);
-workout_list.push(
-  new Workout('Workout 4', ['Chest', 'Back', 'Shoulder', 'Triceps'])
-);
-
 export default function WorkoutsPage() {
+  // A dummy workout list so that we have data to render.
+  // Once the database is implemented this will not be necessary
+  const workout_list = [];
+  workout_list.push(
+    new Workout('Push Workout', ['Chest', 'Shoulder', 'Triceps']),
+    new Workout('Pull Workout', ['Back', 'Biceps', 'Abs']),
+    new Workout('Legs Workout', ['Quadriceps', 'Hamstrings', 'Calves']),
+    new Workout('Upper Workout', ['Chest', 'Back', 'Shoulder', 'Triceps']),
+    new Workout('Workout 1', ['Chest', 'Shoulder', 'Triceps']),
+    new Workout('Workout 2', ['Back', 'Biceps', 'Abs']),
+    new Workout('Workout 3', ['Quadriceps', 'Hamstrings', 'Calves']),
+    new Workout('Workout 4', ['Chest', 'Back', 'Shoulder', 'Triceps'])
+  );
+
   const selectState = {};
   [selectState.selected, selectState.setSelected] = useState(
     workout_list[0].name
   );
+
   return (
     <>
       <TopNavbar />

styles/Instructions.module.css

@@ -8,4 +8,4 @@
 .line {
   display: inline-block;
   padding: 0.5em 0;
-}
+}

styles/Search.module.css

@@ -16,7 +16,7 @@
   text-align: center;
   background-image: url(../public/search.svg);
   background-size: 8%;
-  background-position: 6vw 7px; 
+  background-position: 6vw 7px;
   background-repeat: no-repeat;
   text-indent: 20px;
 }