fixed build error

UniKonf · Aug 1, 2023 · 8130858 · 8130858
1 parent e403cdb
commit 8130858
Showing 1 changed file with 9 additions and 3 deletions.
diff --git a/src/components/layout/Header.tsx b/src/components/layout/Header.tsx
@@ -35,23 +35,29 @@ const Menubar: FC<Props> = ({
   closeMenu,
 }) => {
   const { theme } = React.useContext(SettingsContext);
+
   const progressBarHandler = () => {
     const totalScroll = document.documentElement.scrollTop;
     const windowHeight =
       document.documentElement.scrollHeight -
       document.documentElement.clientHeight;
     const scroll = `${totalScroll / windowHeight}`;
     const progressBar = document.getElementById('progressBar');
-    progressBar.style.transform = `scale(${scroll},1)`;
-    progressBar.style.opacity = `${scroll}`;
+    progressBar?.classList.add('visible');
+    if (progressBar) {
+      progressBar.style.transform = `scale(${scroll},1)`;
+      progressBar.style.opacity = `${scroll}`;
+    }
   };
   useEffect(() => {
     window.addEventListener('scroll', progressBarHandler);
   });
   return (
     <>
       <div id="progressBarContainer">
-        <div id="progressBar"></div>
+        <div id="progressBar">
+          <h1></h1>
+        </div>
       </div>
       <div
         className={`${