From ed6eb2172e64b0e30820953fff82bfb7e3a8205d Mon Sep 17 00:00:00 2001
From: Oliver Pan <2216991777@qq.com>
Date: Mon, 24 Jun 2024 00:24:10 -0500
Subject: [PATCH] chore: Fix syntax errors and formatting in
 root-skip-nav-content.tsx

---
 apps/web/app/root-skip-nav-content.tsx | 24 ++++++++++++------------
 1 file changed, 12 insertions(+), 12 deletions(-)

diff --git a/apps/web/app/root-skip-nav-content.tsx b/apps/web/app/root-skip-nav-content.tsx
index 0f1b1a4..2201abd 100644
--- a/apps/web/app/root-skip-nav-content.tsx
+++ b/apps/web/app/root-skip-nav-content.tsx
@@ -1,14 +1,14 @@
-"use client";
+'use client'
 
-import { useEffect, useState } from "react";
-import { createPortal } from "react-dom";
+import { useEffect, useState } from 'react'
+import { createPortal } from 'react-dom'
 
 const RootSkipNavContent = () => {
-  const [mounted, setMounted] = useState(false);
+  const [mounted, setMounted] = useState(false)
   useEffect(() => {
-    setMounted(true);
-  }, []);
-  if (!mounted) return null;
+    setMounted(true)
+  }, [])
+  if (!mounted) return null
   return createPortal(
     <div className="skip-main-wrap">
       <div className="skip-main flex flex-col gap-1">
@@ -19,7 +19,7 @@ const RootSkipNavContent = () => {
         <a className="skip-btn" href="#analogous-palette">
           Analogous Palettes
         </a>
-        <a className="skip-btn" href="#analogous-palette">
+        <a className="skip-btn" href="#monochromatic-palette">
           Monochromatic Palettes
         </a>
         <div className="flex flex-col gap-1">
@@ -40,8 +40,8 @@ const RootSkipNavContent = () => {
       </div>
     </div>,
     // #skip-nav
-    document.getElementById("skip-nav")!,
-  );
-};
+    document.getElementById('skip-nav')!
+  )
+}
 
-export default RootSkipNavContent;
+export default RootSkipNavContent