From 31aad0f0341e52010a12ea1e343d79ff7fff68a7 Mon Sep 17 00:00:00 2001
From: Tobias Kohr <tobias.kohr@camptocamp.com>
Date: Thu, 26 Sep 2024 09:03:20 +0200
Subject: [PATCH] chore(all/myrecords): grey out unimplemented buttons

---
 .../records/all-records/all-records.component.html | 14 ++++++++++++--
 .../records/my-records/my-records.component.html   | 10 ++++++++--
 2 files changed, 20 insertions(+), 4 deletions(-)

diff --git a/apps/metadata-editor/src/app/records/all-records/all-records.component.html b/apps/metadata-editor/src/app/records/all-records/all-records.component.html
index 303d0280f8..b63f271f04 100644
--- a/apps/metadata-editor/src/app/records/all-records/all-records.component.html
+++ b/apps/metadata-editor/src/app/records/all-records/all-records.component.html
@@ -28,10 +28,20 @@ <h1 class="text-[16px] text-main font-title font-bold" translate>
     class="flex flex-row items-center mx-[32px] my-[16px] py-[8px] gap-[16px]"
   >
     <div>
-      <span class="uppercase" translate>dashboard.results.listMetadata</span>
+      <span
+        class="uppercase text-slate-300"
+        [title]="'editor.temporary.disabled' | translate"
+        translate
+        >dashboard.results.listMetadata</span
+      >
     </div>
     <div>
-      <span class="uppercase" translate>dashboard.results.listResources</span>
+      <span
+        class="uppercase text-slate-300"
+        [title]="'editor.temporary.disabled' | translate"
+        translate
+        >dashboard.results.listResources</span
+      >
     </div>
     <div class="grow"></div>
     <gn-ui-button
diff --git a/apps/metadata-editor/src/app/records/my-records/my-records.component.html b/apps/metadata-editor/src/app/records/my-records/my-records.component.html
index 8b883d9a0d..95da1b8ed8 100644
--- a/apps/metadata-editor/src/app/records/my-records/my-records.component.html
+++ b/apps/metadata-editor/src/app/records/my-records/my-records.component.html
@@ -28,12 +28,18 @@ <h1 class="text-[16px] text-main font-title font-bold" translate>
     class="flex flex-row items-center mx-[32px] my-[16px] py-[8px] gap-[16px]"
   >
     <div>
-      <span class="uppercase" translate
+      <span
+        class="uppercase text-slate-300"
+        [title]="'editor.temporary.disabled' | translate"
+        translate
         >dashboard.myRecords.publishedMetadatas</span
       >
     </div>
     <div>
-      <span class="uppercase" translate
+      <span
+        class="uppercase text-slate-300"
+        [title]="'editor.temporary.disabled' | translate"
+        translate
         >dashboard.myRecords.currentlyEdited</span
       >
     </div>