From 5d188990d1aa958d21422bbfacff4cc715acbf40 Mon Sep 17 00:00:00 2001
From: Jesterboxboy <github@jesterbox.org>
Date: Tue, 3 Oct 2023 11:33:31 +0200
Subject: [PATCH] Add numerical user profile id to profile page.

Set Fitting Icons to UserID and SystemID
---
 Forseti/app/pages/ProfileManage.tsx | 9 +++++++++
 1 file changed, 9 insertions(+)

diff --git a/Forseti/app/pages/ProfileManage.tsx b/Forseti/app/pages/ProfileManage.tsx
index b7eac4239..557279b57 100644
--- a/Forseti/app/pages/ProfileManage.tsx
+++ b/Forseti/app/pages/ProfileManage.tsx
@@ -38,6 +38,7 @@ import {
   IconMap2,
   IconMapPin,
   IconPhoneCall,
+  IconNumber,
 } from '@tabler/icons-react';
 import { createRef, useCallback, useEffect, useState } from 'react';
 import { useApi } from '../hooks/api';
@@ -180,6 +181,7 @@ export const ProfileManage: React.FC = () => {
             />
             <Space h='md' />
             <TextInput
+              disabled={true}
               icon={<IconId size='1rem' />}
               label={i18n._t('Player title')}
               description={i18n._t(
@@ -187,6 +189,13 @@ export const ProfileManage: React.FC = () => {
               )}
               {...form.getInputProps('title')}
             />
+            <TextInput
+              disabled={true}
+              icon={<IconNumber size='1rem' />}
+              label={i18n._t('System ID')}
+              description={i18n._t('Numerical identifier of your user profile.')}
+              value={personId}
+            />
             <Space h='md' />
             <Select
               icon={<IconMap2 size='1rem' />}