removed white space + formatting alignment

Author: chrisdedman

frontend/src/components/pages/Content.js

@@ -2,8 +2,8 @@ import React from 'react';
 import { useParams } from 'react-router-dom';
 
 export function Content() {
-    const { courseID } = useParams(); 
-    const { contentID } = useParams(); 
+    const { courseID }  = useParams();
+    const { contentID } = useParams();
 
     return (
         <div className="p-6">

frontend/src/components/pages/Course.js

@@ -2,9 +2,9 @@ import React, { useEffect, useState } from 'react';
 import { useParams } from 'react-router-dom';
 
 export function Course() {
-    const { courseID } = useParams(); 
+    const { courseID }                = useParams();
     const [courseInfo, setCourseInfo] = useState(null);
-    const [error, setError] = useState(null);
+    const [error, setError]           = useState(null);
 
     useEffect(() => {
         fetch(`http://localhost:4000/course/${courseID}`)
@@ -45,6 +45,7 @@ export function Course() {
             </div>
         );
     });
+
     return (
         <div className="p-6">
             <h1 className="text-2xl font-bold mb-4">{courseInfo.title}</h1>

frontend/src/components/pages/CourseDashboard.js

@@ -3,7 +3,7 @@ import Cookies from 'js-cookie';
 
 export function CourseDashboard() {
     const [courseInfo, setCourseInfo] = useState(null);
-    const [error, setError] = useState(null);
+    const [error, setError]           = useState(null);
 
     useEffect(() => {
         const userId = Cookies.get('userId');
@@ -26,16 +26,16 @@ export function CourseDashboard() {
 
     if (error) return <p>Error: {error}</p>;
     if (!courseInfo) return <p>Loading...</p>;
-    
+
     var courseList = [];
     //Push all courses into courseList
     courseInfo.forEach(course => {
         courseList.push(
             <a href={`/courses/${course.ID}`}>
-            <div className="bg-gray-100 p-4 rounded shadow hover:bg-gray-300" >
-                <h3 className="text-xl font-semibold" >{course.title}</h3>
-                <p className="mt-2">{course.description}</p>
-            </div>
+                <div className="bg-gray-100 p-4 rounded shadow hover:bg-gray-300" >
+                    <h3 className="text-xl font-semibold" >{course.title}</h3>
+                    <p className="mt-2">{course.description}</p>
+                </div>
             </a>
         )
     });