changed to va-link components, encoded text, and removed recordEvents (…

…#2235)
department-of-veterans-affairs · Aug 13, 2024 · 0088a9e · 0088a9e
1 parent 6eb945c
commit 0088a9e
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 4 deletions.
diff --git a/src/site/teasers/event_featured.drupal.liquid b/src/site/teasers/event_featured.drupal.liquid
@@ -8,7 +8,7 @@
 
   <div data-template="teasers/event_featured">
     <{{header}} class="vads-u-margin-top--0 vad-u-margin-bottom-1 vads-u-font-size--md medium-screen:vads-u-font-size--lg">
-      <a href="{{ node.entityUrl.path }}">{{ node.title }}</a>
+      <va-link href="{{ node.entityUrl.path }}" text="{{ node.title | encode }}"></va-link>
     </{{header}}>
     <p class="vads-u-margin-bottom--1p5 vads-u-margin-top--0">
       {{ node.fieldDescription | truncatewords: 60, "..." }}</p>
@@ -42,7 +42,7 @@
         </div>
         <div class="usa-width-five-sixths">
           <p class="vads-u-margin-top--0 vads-u-margin-bottom--1">
-            <a onclick="recordEvent({ event: 'nav-featured-content-link-click' });" href="{{ node.fieldFacilityLocation.entity.entityUrl.path }}">{{ node.fieldFacilityLocation.entity.title }}</a>
+            <va-link href="{{ node.fieldFacilityLocation.entity.entityUrl.path }}" text="{{ node.fieldFacilityLocation.entity.title | encode }}"></va-link>
           </p>
           {% if node.fieldLocationHumanreadable != empty %}
             <span>{{ node.fieldLocationHumanreadable }}</span>

diff --git a/src/site/teasers/news_story_page_feature.drupal.liquid b/src/site/teasers/news_story_page_feature.drupal.liquid
@@ -5,8 +5,9 @@
 
 <div data-template="teasers/news_story_page_feature" id="featured-content-{{ node.entityId }}" class="featured-story usa-grid usa-grid-full vads-u-margin-bottom--3 medium-screen:vads-u-margin-bottom--4 vads-u-display--flex vads-u-flex-direction--column medium-screen:vads-u-flex-direction--row vads-u-border-left--7px vads-u-border-color--primary-alt-lightest">
     <div class="usa-width-one-half medium-screen:vads-u-padding-left--2">
-        <{{ header }}
-            class="vads-u-font-size--md medium-screen:vads-u-font-size--lg vads-u-margin-top--0 medium-screen:vads-u-margin-bottom--0p5"><a onClick="recordEvent({ event: 'nav-featured-content-link-click' });" href="{{ node.entityUrl.path }}">{{ node.title }}</a></{{ header }}>
+        <{{ header }} class="vads-u-font-size--md medium-screen:vads-u-font-size--lg vads-u-margin-top--0 medium-screen:vads-u-margin-bottom--0p5">
+            <va-link href="{{ node.entityUrl.path }}" text="{{ node.title | encode }}"></va-link>
+        </{{ header }}>
         <p class="vads-u-margin-y--0">{{ node.fieldIntroText | truncatewords: 60, "..." }}</p>
     </div>
     <div class="usa-width-one-half {% if isStoriesPage %}stories-list{% endif %} vads-u-order--first medium-screen:vads-u-order--initial vads-u-margin-bottom--2 medium-screen:vads-u-margin-bottom--0">