smooth scroll

bcgov · Apr 23, 2024 · e432021 · e432021
1 parent 413fe49
commit e432021
Showing 1 changed file with 8 additions and 0 deletions.
diff --git a/src/nextapp/pages/manager/namespaces/index.tsx b/src/nextapp/pages/manager/namespaces/index.tsx
@@ -240,6 +240,13 @@ const NamespacesPage: React.FC = () => {
     </>
   );
 
+  const handleSmoothScroll = (targetId) => {
+    const element = document.getElementById(targetId);
+    if (element) {
+      element.scrollIntoView({ behavior: 'smooth' });
+    }
+  };
+
   return (
     <>
       <Head>
@@ -416,6 +423,7 @@ const NamespacesPage: React.FC = () => {
                       href={"#generate-config"}
                       color="bc-link"
                       textDecor="underline"
+                      onClick={() => handleSmoothScroll('generate-config')}
                       >template Yaml file</Link>
                     {' '}to{' '}
                     <Link