Separate Client Portal & Dashboard

frontend/dashboard/src/hooks/useOffSetTop.ts

@@ -0,0 +1,26 @@
+import { useState, useEffect } from 'react';
+
+// ----------------------------------------------------------------------
+
+export default function useOffSetTop(top: number) {
+  const [offsetTop, setOffSetTop] = useState(false);
+  const isTop = top || 100;
+
+  useEffect(() => {
+    window.onscroll = () => {
+      if (window.pageYOffset > isTop) {
+        setOffSetTop(true);
+      } else {
+        setOffSetTop(false);
+      }
+    };
+    return () => {
+      window.onscroll = null;
+    };
+  }, [isTop]);
+
+  return offsetTop;
+}
+
+// Usage
+// const offset = useOffSetTop(100);