From b490923d3e0580ec219e3c8baeeb99940155afa8 Mon Sep 17 00:00:00 2001
From: Chris Kim <42885441+chriskim2311@users.noreply.github.com>
Date: Mon, 2 Dec 2024 17:14:27 -0800
Subject: [PATCH] updates

---
 src/site/components/navigation-sidebar.html | 58 ++++++++-------------
 1 file changed, 22 insertions(+), 36 deletions(-)

diff --git a/src/site/components/navigation-sidebar.html b/src/site/components/navigation-sidebar.html
index f996b1b1a0..17c3922950 100644
--- a/src/site/components/navigation-sidebar.html
+++ b/src/site/components/navigation-sidebar.html
@@ -33,35 +33,26 @@ <h4>{{ relatedPages.metadata.name }}</h4></div>
       {% endif %}
 
         <div class="sidenav-previous-page">
-          <a href="/{{previous.path}}">
-            {% if previous.display_title != empty %}
-              {{previous.display_title}}
-            {% else %}
-              {{previous.title}}
-            {% endif %}
-          </a>
+          <va-link 
+            href="/{{ previous.path }}" 
+            text="{{ previous.display_title if previous.display_title != empty else previous.title }}">
+          </va-link>
         </div>
         <ul class="usa-sidenav-list">
           {% for page in relatedPages %}
             {% unless relatedPages.metadata.name == page.display_title or relatedPages.metadata.name == page.title or page.hideFromSidebar %}
               <li {% if page.path == path %}class="active-level"{% endif %}>
                 {% if page.href != empty %}
-                  <a href="{{ page.href }}" onClick="recordEvent({ event: 'nav-sidenav' });">
-                    {% if page.display_title != empty %}
-                      {{ page.display_title }}
-                    {% else %}
-                      {{ page.title }}
-                    {% endif %}
-                  </a>
+                  <va-link 
+                    href="{{ page.href }}" 
+                    text="{{ page.display_title if page.display_title != empty else page.title }}">
+                  </va-link>
                 {% else %}
-                  <a {% if page.path == path %}class="usa-current"{% endif %}
-                      href="/{{ page.path }}" onClick="recordEvent({ event: 'nav-sidenav' });">
-                    {% if page.display_title != empty %}
-                      {{ page.display_title }}
-                    {% else %}
-                      {{ page.title }}
-                    {% endif %}
-                  </a>
+                  <va-link 
+                    {% if page.path == path %}class="usa-current"{% endif %} 
+                    href="/{{ page.path }}" 
+                    text="{{ page.display_title if page.display_title != empty else page.title }}">
+                  </va-link>
                 {% endif %}
                 {% if page.children != empty and path contains page.path %}
                   {% assign childPages = collections | get: page.children %}
@@ -70,22 +61,17 @@ <h4>{{ relatedPages.metadata.name }}</h4></div>
                       {% unless cpage.hideFromSidebar %}
                         <li {% if cpage.path == path %}class="active-level"{% endif %}>
                           {% if cpage.href != empty %}
-                            <a href="{{ cpage.href }}" onClick="recordEvent({ event: 'nav-sidenav' });">
-                              {% if cpage.display_title != empty %}
-                                {{ cpage.display_title }}
-                              {% else %}
-                                {{ cpage.title }}
-                              {% endif %}
+                          <va-link 
+                            href="{{ cpage.href }}" 
+                            text="{{ cpage.display_title if cpage.display_title != empty else cpage.title }}">
+                          </va-link>
                             </a>
                           {% else %}
-                            <a {% if cpage.path == path %}class="usa-current"{% endif %}
-                                href="/{{ cpage.path }}" onClick="recordEvent({ event: 'nav-sidenav' });">
-                              {% if cpage.display_title != empty %}
-                                {{ cpage.display_title }}
-                              {% else %}
-                                {{ cpage.title }}
-                              {% endif %}
-                            </a>
+                          <va-link 
+                            {% if cpage.path == path %}class="usa-current"{% endif %} 
+                            href="/{{ cpage.path }}" 
+                            text="{{ cpage.display_title if cpage.display_title != empty else cpage.title }}" >
+                          </va-link>
                           {% endif %}
                         </li>
                       {% endunless %}