From 699297bfb7f018d8affed5d603f883e3b3f0b6f4 Mon Sep 17 00:00:00 2001
From: gregfromstl <gregfromstl@gmail.com>
Date: Tue, 30 Jul 2024 11:33:39 -0500
Subject: [PATCH] Revert "feat: nav appears on page scroll (#537)"

This reverts commit 500a196fae5da9fe3590de6b28cb891cf22a3021.
---
 src/components/others/TableOfContents.tsx |  9 +++------
 src/hooks/useScrollPosition.ts            | 19 -------------------
 2 files changed, 3 insertions(+), 25 deletions(-)
 delete mode 100644 src/hooks/useScrollPosition.ts

diff --git a/src/components/others/TableOfContents.tsx b/src/components/others/TableOfContents.tsx
index b8cd15bf..8fb3a584 100644
--- a/src/components/others/TableOfContents.tsx
+++ b/src/components/others/TableOfContents.tsx
@@ -4,7 +4,6 @@ import Link from "next/link";
 import { cn } from "@/lib/utils";
 import { useEffect, useRef, useState } from "react";
 import { usePathname } from "next/navigation";
-import { useScrollPosition } from "../../hooks/useScrollPosition";
 
 /**
  * Automatically query all the heading anchors inside the <main> and creates a table of contents
@@ -29,7 +28,6 @@ export function TableOfContentsSideBar(props: {
 	filterHeading?: (heading: HTMLHeadingElement) => boolean;
 	linkClassName?: string;
 }) {
-	const scrollPosition = useScrollPosition();
 	const [nodes, setNodes] = useState<TableOfContentNode[]>([]);
 	const tocRef = useRef<HTMLDivElement>(null);
 	const pathname = usePathname();
@@ -108,13 +106,12 @@ export function TableOfContentsSideBar(props: {
 			observer.disconnect();
 		};
 	}, [pathname, filterHeading]);
-	
+
 	return (
 		<nav
 			className={cn(
 				"hidden hrink-0 pt-6 xl:block text-sm",
-				"sticky top-sticky-top-height h-sidebar-height flex-col overflow-y-auto styled-scrollbar transition-opacity duration-300",
-				scrollPosition > 100 ? 'opacity-100' : 'opacity-0 pointer-events-none'
+				"sticky top-sticky-top-height h-sidebar-height flex-col overflow-y-auto styled-scrollbar",
 			)}
 			style={{
 				visibility: hideNav ? "hidden" : "visible",
@@ -174,7 +171,7 @@ function TOCLink(props: {
 	return (
 		<Link
 			className={cn(
-				"block overflow-hidden text-ellipsis font-medium text-f-300 transition-colors hover:text-f-100 data-[active='true']:text-accent-500 duration-300",
+				"block overflow-hidden text-ellipsis font-medium text-f-300 transition-colors hover:text-f-100 data-[active='true']:text-accent-500",
 				props.linkClassName,
 			)}
 			href={props.href}
diff --git a/src/hooks/useScrollPosition.ts b/src/hooks/useScrollPosition.ts
deleted file mode 100644
index fedca4d8..00000000
--- a/src/hooks/useScrollPosition.ts
+++ /dev/null
@@ -1,19 +0,0 @@
-import { useEffect, useState } from "react";
-
-export function useScrollPosition() {
-	const [scrollPosition, setScrollPosition] = useState(0);
-
-	useEffect(() => {
-		const handleScroll = () => {
-			setScrollPosition(window.scrollY);
-		};
-
-		window.addEventListener("scroll", handleScroll);
-
-		return () => {
-			window.removeEventListener("scroll", handleScroll);
-		};
-	}, []);
-
-	return scrollPosition;
-}
\ No newline at end of file