From a61cb2c7cdbb1e7c74782c5ec4a0086d9adc8419 Mon Sep 17 00:00:00 2001
From: Alex Gleason <alex@alexgleason.me>
Date: Sun, 11 Sep 2022 14:20:05 -0500
Subject: [PATCH] AccountModerationModal: add account ID

---
 .../account-moderation-modal.tsx                       | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/app/soapbox/features/ui/components/modals/account-moderation-modal/account-moderation-modal.tsx b/app/soapbox/features/ui/components/modals/account-moderation-modal/account-moderation-modal.tsx
index 048d2045a6..b43ebd8878 100644
--- a/app/soapbox/features/ui/components/modals/account-moderation-modal/account-moderation-modal.tsx
+++ b/app/soapbox/features/ui/components/modals/account-moderation-modal/account-moderation-modal.tsx
@@ -13,7 +13,7 @@ import snackbar from 'soapbox/actions/snackbar';
 import Account from 'soapbox/components/account';
 import List, { ListItem } from 'soapbox/components/list';
 import MissingIndicator from 'soapbox/components/missing_indicator';
-import { Button, HStack, Modal, Stack, Toggle } from 'soapbox/components/ui';
+import { Button, Text, HStack, Modal, Stack, Toggle } from 'soapbox/components/ui';
 import { useAppDispatch, useAppSelector, useFeatures } from 'soapbox/hooks';
 import { makeGetAccount } from 'soapbox/selectors';
 import { isLocal } from 'soapbox/utils/accounts';
@@ -141,6 +141,14 @@ const AccountModerationModal: React.FC<IAccountModerationModal> = ({ onClose, ac
           )}
         </List>
 
+        <Text theme='subtle' size='xs'>
+          <FormattedMessage
+            id='account_moderation_modal.info.id'
+            defaultMessage='ID: {id}'
+            values={{ id: account.id }}
+          />
+        </Text>
+
         {features.adminFE && (
           <HStack justifyContent='center'>
             <Button icon={require('@tabler/icons/external-link.svg')} size='sm' theme='secondary' onClick={handleAdminFE}>