fix: typeerrors

components/Images/Logo.tsx

@@ -1,4 +1,4 @@
-const Logo = (props) => (
+const Logo = (props: any) => (
     <svg width="100%" height="100%" viewBox="0 0 1080 1080" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlnsXlink="http://www.w3.org/1999/xlink" xmlSpace="preserve" fillRule="evenodd" clipRule="evenodd" strokeLinejoin="round" strokeMiterlimit="2" {...props}>
         <g>
             <g transform="matrix(2.37095,0,0,2.37095,-437.8,-886.233)">

components/Navbar.tsx

@@ -1,7 +1,6 @@
-import Link from "next/link";
+import { useState, useEffect } from 'react'
-import { Fragment, useState, useEffect } from 'react'
+import { Disclosure } from '@headlessui/react'
-import { Disclosure, Menu, Transition } from '@headlessui/react'
+import { MenuIcon, XIcon } from '@heroicons/react/outline'
-import { BellIcon, MenuIcon, XIcon } from '@heroicons/react/outline'
 
 import Logo from '../components/Images/Logo';
 
@@ -51,20 +50,20 @@ const Navbar = ({ views }: { views: { view: string, viewing: boolean }[] }) => {
     <Disclosure as="nav" className={`fixed w-full z-50 bg-black border-b-2 border-white ${atTop ? '' : 'shadow-lg'}`}>
       {({ open }) => (
         <>
-          <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
+          <div className="px-4 mx-auto max-w-7xl sm:px-6 lg:px-8">
             <div className="flex items-center justify-between h-16">
               <div className="flex items-center">
                 <div className="flex-shrink-0">
-                  <Logo className="h-8 w-8" />
+                  <Logo className="w-8 h-8" />
                 </div>
                 <div className="hidden md:block">
-                  <div className="ml-10 flex items-baseline space-x-4">
+                  <div className="flex items-baseline ml-10 space-x-4">
                     {navigation.map((item) => (
                       <a
                         key={item.name}
                         href={item.href}
                         id={item.name + item.href}
-                        onClick={(e) => {
+                        onClick={() => {
                           updateCurrent()
                         }}
                         className={classNames(
@@ -81,14 +80,14 @@ const Navbar = ({ views }: { views: { view: string, viewing: boolean }[] }) => {
                   </div>
                 </div>
               </div>
-              <div className="-mr-2 flex md:hidden">
+              <div className="flex -mr-2 md:hidden">
                 {/* Mobile menu button */}
-                <Disclosure.Button className="bg-gray-800 inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-offset-gray-800 focus:ring-white">
+                <Disclosure.Button className="inline-flex items-center justify-center p-2 text-gray-400 bg-gray-800 rounded-md hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-offset-gray-800 focus:ring-white">
                   <span className="sr-only">Open main menu</span>
                   {open ? (
-                    <XIcon className="block h-6 w-6" aria-hidden="true" />
+                    <XIcon className="block w-6 h-6" aria-hidden="true" />
                   ) : (
-                    <MenuIcon className="block h-6 w-6" aria-hidden="true" />
+                    <MenuIcon className="block w-6 h-6" aria-hidden="true" />
                   )}
                 </Disclosure.Button>
               </div>

pages/_app.tsx

@@ -1,29 +1,11 @@
-import React, { useEffect, useState } from 'react'
+import React from 'react'
 import { AppProps } from 'next/app'
 import SEO from '../next-seo.config';
 import { DefaultSeo } from 'next-seo';
 import 'tailwindcss/tailwind.css'
-import { useRouter } from 'next/dist/client/router';
 import Footer from '../components/Footer';
 
 function MyApp({ Component, pageProps }: AppProps) {
-  const router = useRouter();
-
-  const [loading, setLoading] = useState(false);
-
-  useEffect(() => {
-      const handleStart = () => {
-        setLoading(true);
-      }
-      const handleComplete = () => {
-        setTimeout(() => setLoading(false), 300)
-      }
-
-      router.events.on('routeChangeStart', handleStart)
-      router.events.on('routeChangeComplete', handleComplete)
-      router.events.on('routeChangeError', handleComplete)
-  })
-
   return <>
     <div id='app'>
       <main className="w-full h-full min-h-screen bg-black">

pages/index.tsx

@@ -1,8 +1,6 @@
 import Link from 'next/link'
 import Image from 'next/image';
 import { useEffect, useState, useRef } from 'react'
-import CodeIcon from '../components/Images/CodeIcon'
-import DesignIcon from '../components/Images/DesignIcon'
 import GitHubIcon from '../components/Images/GitHubIcon';
 import MailIcon from '../components/Images/MailIcon';
 import TwitterIcon from '../components/Images/TwitterIcon';