desktop nav: is-active link

src/components/site-header/hy-desktop-menu-links/hy-desktop-menu-links.tsx

@@ -86,12 +86,16 @@ export class HyDesktopMenuLinks {
 
     let menuLinkItems = [];
 
-    links.map(({menuLinkId: id, shortcuts, items, url, description, label}) => {
+    links.map(({menuLinkId: id, shortcuts, items, url, description, label, isActive}) => {
+      let classAttributes = ['desktop-menu-link', isActive === 'true' ? 'desktop-menu-link--is-active-trail' : ''].join(
+        ' '
+      );
+
       menuLinkItems.push(
         <li>
           <button
             type="button"
-            class="desktop-menu-link"
+            class={classAttributes}
             link-id={id}
             onMouseOver={() => this.handleDesktopMenuToggle(id)}
             onFocus={() => this.handleDesktopMenuToggle(id)}