From d77fc501981a77ed124d2e0f58d0e76eb59b158c Mon Sep 17 00:00:00 2001
From: Jo <joao.guerreiro@grafana.com>
Date: Thu, 31 Oct 2024 15:05:18 +0100
Subject: [PATCH] Users: Add numerical indentifiers to detail pages (#95620)

* add numerical indentifiers to frontend while they're still valid

* lowercase identifier
---
 public/app/features/admin/UserProfile.tsx                      | 1 +
 .../serviceaccounts/components/ServiceAccountProfile.tsx       | 1 +
 public/app/features/teams/TeamSettings.tsx                     | 3 +++
 3 files changed, 5 insertions(+)

diff --git a/public/app/features/admin/UserProfile.tsx b/public/app/features/admin/UserProfile.tsx
index 7360b624c3c..f676c10ccac 100644
--- a/public/app/features/admin/UserProfile.tsx
+++ b/public/app/features/admin/UserProfile.tsx
@@ -87,6 +87,7 @@ export function UserProfile({
         <div>
           <table className="filter-table form-inline">
             <tbody>
+              <UserProfileRow label="Numerical identifier" value={user.id.toString()} locked={true} />
               <UserProfileRow
                 label="Name"
                 value={user.name}
diff --git a/public/app/features/serviceaccounts/components/ServiceAccountProfile.tsx b/public/app/features/serviceaccounts/components/ServiceAccountProfile.tsx
index 9cfa59a01f4..df75cb453b8 100644
--- a/public/app/features/serviceaccounts/components/ServiceAccountProfile.tsx
+++ b/public/app/features/serviceaccounts/components/ServiceAccountProfile.tsx
@@ -50,6 +50,7 @@ export function ServiceAccountProfile({ serviceAccount, timeZone, onChange }: Pr
       <h3>Information</h3>
       <table className="filter-table">
         <tbody>
+          <ServiceAccountProfileRow label="Numerical identifier" value={serviceAccount.id.toString()} disabled={true} />
           <ServiceAccountProfileRow
             label="Name"
             value={serviceAccount.name}
diff --git a/public/app/features/teams/TeamSettings.tsx b/public/app/features/teams/TeamSettings.tsx
index 65e7afa6ec9..51fe04ea726 100644
--- a/public/app/features/teams/TeamSettings.tsx
+++ b/public/app/features/teams/TeamSettings.tsx
@@ -48,6 +48,9 @@ export const TeamSettings = ({ team, updateTeam }: Props) => {
     <Stack direction={'column'} gap={3}>
       <form onSubmit={handleSubmit(onSubmit)} style={{ maxWidth: '600px' }}>
         <FieldSet label="Team details">
+          <Field label="Numerical identifier" disabled={true}>
+            <Input value={team.id} id="id-input" />
+          </Field>
           <Field
             label="Name"
             disabled={!canWriteTeamSettings}