clicking in the header org and service name directs the user to home

hmcts · Jan 29, 2025 · 971c5cb · 971c5cb
1 parent 392b610
commit 971c5cb
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 3 deletions.
diff --git a/VideoWeb/VideoWeb/ClientApp/src/app/shared/header/header.component.html b/VideoWeb/VideoWeb/ClientApp/src/app/shared/header/header.component.html
@@ -17,17 +17,21 @@
         <app-header-logo-svg></app-header-logo-svg>
       </ng-template>
 
-      <a class="moj-header__link moj-header__link--organisation-name" href="javascript:void(0)">{{
+      <a id="header-organisation-name" class="moj-header__link moj-header__link--organisation-name" href="/">{{
         'header.organisation-name' | translate
       }}</a>
 
-      <a class="moj-header__link moj-header__link--service-name" href="javascript:void(0)">{{ 'header.service-name' | translate }}</a>
+      <a id="header-service-name" class="moj-header__link moj-header__link--service-name" href="/">{{
+        'header.service-name' | translate
+      }}</a>
     </div>
     <div *ngIf="loggedIn" class="moj-header__content">
       <nav class="moj-header__navigation" aria-label="Account navigation">
         <ul class="moj-header__navigation-list">
           <li class="moj-header__navigation-item">
-            <a id="header-username" class="moj-header__navigation-link" href="javascript:void(0)" aria-current="page">{{ username }}</a>
+            <a id="header-username" class="moj-header__navigation-link force-no-underline" href="javascript:void(0)" aria-current="page">{{
+              username
+            }}</a>
           </li>
 
           <li class="moj-header__navigation-item">

diff --git a/VideoWeb/VideoWeb/ClientApp/src/app/shared/header/header.component.scss b/VideoWeb/VideoWeb/ClientApp/src/app/shared/header/header.component.scss
@@ -20,3 +20,7 @@
 .govuk-header__logotype-crown {
   margin-right: 10px;
 }
+
+.force-no-underline {
+  text-decoration: none !important;
+}