Removed Code for active/unactive search bar

Author: chrisdedman

frontend/src/components/Modal.js

@@ -1,16 +1,14 @@
 import React, { useState } from 'react';
 
-export const Modal = ({ title, trigger, inputFields, changeHandler, confirmHandler, onToggle }) => {
+export const Modal = ({ title, trigger, inputFields, changeHandler, confirmHandler }) => {
     const [showModal, setShowModal] = useState(false);
 
     const close = () => {
         setShowModal(false);
-        if (onToggle) onToggle(false);
     };
 
     const open = () => {
         setShowModal(true);
-        if (onToggle) onToggle(true);
     };
 
     const fieldList = Object.entries(inputFields).map(([name, text]) => (

frontend/src/components/pages/CourseDashboard.js

@@ -13,7 +13,6 @@ export function CourseDashboard() {
     });
     const [searchQuery, setSearchQuery]     = useState("");
     const [error, setError]                 = useState(null);
-    const [isModalActive, setIsModalActive] = useState(false);
 
     const handleChange = (e) => {
         const { name, value } = e.target;
@@ -112,9 +111,7 @@ export function CourseDashboard() {
                 changeHandler={handleChange}
                 confirmHandler={async () => {
                     await handleCreateCourse();
-                    setIsModalActive(false);
                 }}
-                onToggle={setIsModalActive}
             />
 
         );
@@ -141,7 +138,7 @@ export function CourseDashboard() {
             <div className="mb-5">
                 <div className="flex flex-col sm:flex-row sm:justify-between sm:items-center gap-4">
                     {createButton}
-                    <SearchBar onChange={handleSearchChange} disabled={isModalActive} />
+                    <SearchBar onChange={handleSearchChange} />
                 </div>
             </div>
             <div className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-6">

frontend/src/components/search-bar.js

@@ -1,6 +1,6 @@
 import { MagnifyingGlassIcon } from '@heroicons/react/24/outline';
 
-export default function SearchBar({ onChange, disabled }) {
+export default function SearchBar({ onChange }) {
   return (
     <div className="grow">
       <label htmlFor="default-search" className="pt-2 text-sm font-medium sr-only">Search</label>
@@ -14,7 +14,6 @@ export default function SearchBar({ onChange, disabled }) {
           id="default-search"
           className="input w-full max-w-md pl-8 h-12 rounded-lg border"
           placeholder="Search for a course..."
-          disabled={disabled}
         />
       </div>
     </div>