Revert "feat: adding gh action for spelling errors (rupali-codes#1174)…

…" (rupali-codes#1228) This reverts commit bb7aa7b.
Prajwal0225 · Jul 5, 2023 · add04be · add04be
1 parent bb7aa7b
commit add04be
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 176 deletions.
diff --git a/.github/workflows/spelling.yml b/.github/workflows/spelling.yml
diff --git a/components/Header/Header.tsx b/components/Header/Header.tsx
@@ -1,47 +1,23 @@
-import { FC, useContext, useEffect } from "react";
-import Link from "next/link";
-import { AiOutlineMenu } from "react-icons/ai";
-import Logo from "components/logo";
-import { GlobalContext } from "context/GlobalContext";
-import { ThemeToggler } from "../ThemeToggler/themeToggler";
-import { TopBar } from "../TopBar/TopBar";
-import { SocialMediaIconsList } from "components/SocialMedia/SocialMediaIconsList";
+import { FC, useContext } from 'react'
+import Link from 'next/link'
+import { AiOutlineMenu } from 'react-icons/ai'
+import Logo from 'components/logo'
+import { GlobalContext } from 'context/GlobalContext'
+import { ThemeToggler } from '../ThemeToggler/themeToggler'
+import { TopBar } from '../TopBar/TopBar'
+import { SocialMediaIconsList } from 'components/SocialMedia/SocialMediaIconsList'
 
 export const Header: FC<{}> = () => {
-  const { toggleNav } = useContext(GlobalContext);
-
-  useEffect(() => {
-    const script = document.createElement('script');
-    script.src = 'https://buttons.github.io/buttons.js';
-    script.async = true;
-    script.defer = true;
-    document.head.appendChild(script);
-    return () => {
-      document.head.removeChild(script);
-    };
-  }, []);
+  const { toggleNav } = useContext(GlobalContext)
 
   return (
-    <div className="flex items-center justify-between p-4">
-      <div className="flex items-center gap-2">
-        <AiOutlineMenu className="text-2xl cursor-pointer" onClick={toggleNav} />
+    <header className="fixed top-0 left-0 z-30 row-start-1 row-end-2 flex h-[76px] w-screen items-center justify-between">
+      <div className="bg-base-200 h-full w-fit flex-none px-6 py-4 dark:bg-gray-900 lg:w-[290px]">
         <Link href="/">
-          <a className="font-bold text-xl">
-            <Logo />
-          </a>
+          <Logo className="text-3xl" />
         </Link>
       </div>
       <div className="bg-base-200 relative h-full grow px-8 dark:bg-gray-900 lg:bg-gray-100 lg:dark:bg-[#101623]">
-        <Link
-          className="github-button"
-          href="https://github.com/rupali-codes/LinksHub"
-          data-icon="octicon-repo-forked"
-          data-size="large"
-          data-show-count="true"
-          aria-label="Fork rupali-codes/LinksHub on GitHub"
-        >
-          Fork
-        </Link>
         <TopBar className="absolute left-8 hidden h-full md:flex" />
         <div className="absolute right-8 flex h-full gap-4">
           <SocialMediaIconsList className="hidden lg:flex" />
@@ -51,6 +27,6 @@ export const Header: FC<{}> = () => {
           </button>
         </div>
       </div>
-    </div>
-  );
-};
+    </header>
+  )
+}