[WIP] Refactor Searchbar to Typescript and make it functional

client/src/modules/Globals/Navbar.tsx

@@ -27,7 +27,7 @@
 }
 
 export default function Navbar({ userInput }: NavbarProps) {
   const [isLoggedIn, token, netId, signIn, signOut] = useAuthOptionalLogin()
   const location = useLocation()
 
   const profilePicture = randomPicture(netId)
@@ -78,6 +78,9 @@
           userInput={userInput}
           contrastingResultsBackground={true}
           isInNavbar={true}
+          imgSrc={netId}
+          signOut={signOut}
+          isLoggedIn={isLoggedIn}
         />
       </div>
       {displayButton()}

client/src/modules/Home/Components/Home.tsx

@@ -11,18 +11,18 @@
 import '../home.css'
 
 /**
-  Home Page. 
-  
+  Home Page.
+
   Uppermost View component in the component tree, the first element of the HTML body tag grabbed by index.html.
 
   @returns the application homepage with a navbar and searchbar, popular
   classes and recent reviews components.
 
   @param imgSrc for search bar
-  
+
 */
 export const Home = (imgSrc: any) => {
   const [isLoggedIn, token, netId, signIn, signOut] = useAuthOptionalLogin()
   const [DTILogo, setDTILogo] = useState(DTITextLogo)
   const [season, setSeason] = useState('winter')
   const [time, setTime] = useState('afternoon')
@@ -113,6 +113,7 @@
               imgSrc={`${String(imgSrc.imgSrc)}`}
               signOut={signOut}
               isLoggedIn={isLoggedIn}
+              isInNavbar={false}
             />
           </div>
         </div>

client/src/modules/SearchBar/Components/Course.tsx

@@ -21,7 +21,6 @@ type Props = {
   active: boolean
   enter: number
   mouse: number
-  handler: Function
   key?: string
 }