Merge pull request #7983 from atharva3333/master

Improve UX in ballerina by example website
ballerina-platform · Oct 4, 2023 · c71f0a0 · c71f0a0
2 parents 3b64d78 + 6a01e9e
commit c71f0a0
Showing 1 changed file with 6 additions and 3 deletions.
diff --git a/components/common/left-nav/LeftNavYaml.js b/components/common/left-nav/LeftNavYaml.js
@@ -17,6 +17,7 @@
  */
 
 import React, { useState, useEffect } from "react";
+import Link from "next/link";
 import Accordion from "react-bootstrap/Accordion";
 import { prefix } from "../../../utils/prefix";
 import styles from "./LeftNav.module.css";
@@ -95,7 +96,7 @@ export default function LeftNavYaml({ navContent, bbe = null, viewer = null }) {
           </>
         ) : (
           <li key={directory.id}>
-            <a
+            <Link
               id={directory.id}
               className={bbe === directory.url ? styles.active : null}
               href={
@@ -104,8 +105,10 @@ export default function LeftNavYaml({ navContent, bbe = null, viewer = null }) {
                   : `/learn/by-example/${directory.url}`
               }
             >
-              {directory.title}
-            </a>
+              <a className={bbe === directory.url ? styles.active : null}>
+                {directory.title}
+              </a>
+            </Link>
           </li>
         )}
       </>