From f5dd23ede3d25556939a3114be3cd57836e5375f Mon Sep 17 00:00:00 2001
From: Olivier Guyot <olivier.guyot@camptocamp.com>
Date: Tue, 22 Feb 2022 12:34:44 +0100
Subject: [PATCH] feat(datahub): use new directive for anchor links in record
 header

---
 .../header-record/header-record.component.html       | 12 ++++++++----
 .../record/header-record/header-record.component.ts  |  7 -------
 2 files changed, 8 insertions(+), 11 deletions(-)

diff --git a/apps/datahub/src/app/record/header-record/header-record.component.html b/apps/datahub/src/app/record/header-record/header-record.component.html
index 0d37d5ad81..6011c4de3e 100644
--- a/apps/datahub/src/app/record/header-record/header-record.component.html
+++ b/apps/datahub/src/app/record/header-record/header-record.component.html
@@ -24,28 +24,32 @@
       style="left: 0; right: 0; bottom: -20px"
     >
       <button
-        (click)="scrollTo('about')"
+        gnUiAnchorLink="about"
+        gnUiAnchorLinkDisabledClass="cursor-default opacity-60"
         class="uppercase font-medium tracking-wider"
         translate
       >
         record.metadata.about
       </button>
       <button
-        (click)="scrollTo('preview')"
+        gnUiAnchorLink="preview"
+        gnUiAnchorLinkDisabledClass="cursor-default opacity-60"
         class="uppercase font-medium tracking-wider"
         translate
       >
         record.metadata.preview
       </button>
       <button
-        (click)="scrollTo('access')"
+        gnUiAnchorLink="access"
+        gnUiAnchorLinkDisabledClass="cursor-default opacity-60"
         class="uppercase font-medium tracking-wider"
         translate
       >
         record.metadata.access
       </button>
       <button
-        (click)="scrollTo('links')"
+        gnUiAnchorLink="links"
+        gnUiAnchorLinkDisabledClass="cursor-default opacity-60"
         class="uppercase font-medium tracking-wider"
         translate
       >
diff --git a/apps/datahub/src/app/record/header-record/header-record.component.ts b/apps/datahub/src/app/record/header-record/header-record.component.ts
index 0c9b8cc60d..df47a27a2d 100644
--- a/apps/datahub/src/app/record/header-record/header-record.component.ts
+++ b/apps/datahub/src/app/record/header-record/header-record.component.ts
@@ -26,11 +26,4 @@ export class HeaderRecordComponent {
       .pipe(first())
       .subscribe((filters) => this.searchRouter.goToSearch(filters?.any))
   }
-
-  scrollTo(id: string) {
-    document.getElementById(id).scrollIntoView({
-      behavior: 'smooth',
-      block: 'start',
-    })
-  }
 }