Migrate to TypeScript : components/Header/Header.js (COPS-IITBHU#122)

soumyo123-prog · Sep 11, 2021 · 14596e9 · 14596e9
1 parent 2ea02ec
commit 14596e9
Showing 1 changed file with 7 additions and 7 deletions.
diff --git a/components/Header/Header.js → components/Header/Header.tsx b/components/Header/Header.js → components/Header/Header.tsx
@@ -1,15 +1,15 @@
-import React from "react"
+import { useState, useEffect, ReactElement } from "react"
 import { Button } from "atomize"
 import { Spinner } from "react-bootstrap"
 import { useAuth } from "../../context/auth"
 import Link from "next/link"
 import { HamburgerSpin } from "react-animated-burgers"
 
-export default function Header() {
+export default function Header(): ReactElement {
     const { handleSignIn, handleLogout, token, profile, loading } = useAuth()
-    const [menu, setMenu] = React.useState(false)
+    const [menu, setMenu] = useState<boolean>(false)
 
-    React.useEffect(() => {
+    useEffect(() => {
         if (profile && location.pathname != `/profile/${profile.username}`) {
             const arr = [
                 profile.name,
@@ -29,13 +29,13 @@ export default function Header() {
     return (
         <div
             className="position-fixed w-100 bg-white"
-            style={{ zIndex: "10", height: "88px" }}
+            style={{ zIndex: 10, height: "88px" }}
         >
             <div
                 className={`d-flex align-items-center justify-content-between w-100 h-100 p-3`}
             >
-                <Link href="/">
-                    <a className="text-dark">
+                <Link href="/" passHref>
+                    <a href="/#" className="text-dark">
                         <div>
                             <span
                                 style={{