From 9dd5989b140390f85f3d1c4d1e8b94450fab2dea Mon Sep 17 00:00:00 2001
From: Mike <mike.tasset@gmail.com>
Date: Tue, 4 Feb 2025 10:35:15 +0100
Subject: [PATCH] Feat: Show workspace ID for server admins (#3927)

---
 packages/frontend-2/pages/settings/user/profile.vue        | 2 +-
 .../pages/settings/workspaces/[slug]/general.vue           | 7 +++++++
 2 files changed, 8 insertions(+), 1 deletion(-)

diff --git a/packages/frontend-2/pages/settings/user/profile.vue b/packages/frontend-2/pages/settings/user/profile.vue
index 0389368b54..c28d2544c2 100644
--- a/packages/frontend-2/pages/settings/user/profile.vue
+++ b/packages/frontend-2/pages/settings/user/profile.vue
@@ -9,7 +9,7 @@
         <hr class="my-6 md:my-8 border-outline-2" />
         <SettingsUserProfileDeleteAccount :user="user" />
         <hr class="my-6 md:my-8 border-outline-2" />
-        <div class="text-xs text-foreground-2 w-full flex flex-col space-y-2">
+        <div class="text-body-2xs text-foreground-2 w-full flex flex-col space-y-2">
           <div class="flex">
             User ID: #{{ user.id }}
             <ClipboardIcon
diff --git a/packages/frontend-2/pages/settings/workspaces/[slug]/general.vue b/packages/frontend-2/pages/settings/workspaces/[slug]/general.vue
index 6659190b0d..5e1beec405 100644
--- a/packages/frontend-2/pages/settings/workspaces/[slug]/general.vue
+++ b/packages/frontend-2/pages/settings/workspaces/[slug]/general.vue
@@ -126,6 +126,12 @@
           </div>
         </div>
       </template>
+      <template v-if="isServerAdmin">
+        <hr class="mb-6 mt-8 border-outline-2" />
+        <p class="text-body-2xs text-foreground-2">
+          Workspace ID: #{{ workspaceResult?.workspaceBySlug?.id }}
+        </p>
+      </template>
     </div>
 
     <SettingsWorkspacesGeneralLeaveDialog
@@ -221,6 +227,7 @@ const config = useRuntimeConfig()
 const { hasSsoEnabled, needsSsoLogin } = useWorkspaceSsoStatus({
   workspaceSlug: computed(() => workspaceResult.value?.workspaceBySlug?.slug || '')
 })
+const { isAdmin: isServerAdmin } = useActiveUser()
 
 const name = ref('')
 const slug = ref('')