From 3dfec790be4e23de00f3dc1711b672da76335f74 Mon Sep 17 00:00:00 2001
From: tassoman <tassoman@gmail.com>
Date: Sun, 29 Jan 2023 21:25:37 +0100
Subject: [PATCH] small ui fixes inside report admin page

---
 app/soapbox/features/admin/components/report.tsx | 13 +++++--------
 app/soapbox/locales/en.json                      |  4 +++-
 2 files changed, 8 insertions(+), 9 deletions(-)

diff --git a/app/soapbox/features/admin/components/report.tsx b/app/soapbox/features/admin/components/report.tsx
index 9c990792c..0351cc9fa 100644
--- a/app/soapbox/features/admin/components/report.tsx
+++ b/app/soapbox/features/admin/components/report.tsx
@@ -20,6 +20,7 @@ const messages = defineMessages({
   reportClosed: { id: 'admin.reports.report_closed_message', defaultMessage: 'Report on @{name} was closed' },
   deactivateUser: { id: 'admin.users.actions.deactivate_user', defaultMessage: 'Deactivate @{name}' },
   deleteUser: { id: 'admin.users.actions.delete_user', defaultMessage: 'Delete @{name}' },
+  reportedPosts: { id: 'admin.reports.reported_posts', defaultMessage: '{count} {count, plural, one {post} other {posts}} reported' },
 });
 
 interface IReport {
@@ -104,11 +105,7 @@ const Report: React.FC<IReport> = ({ id }) => {
 
         {statusCount > 0 && (
           <Accordion
-            headline={<FormattedMessage
-              id='admin.reports.reported_posts'
-              defaultMessage='Has been reported {count} {count, plural, one {post} other {posts}}'
-              values={{ count: statusCount }}
-            />}
+            headline={intl.formatMessage(messages.reportedPosts, { count: statusCount as number })}
             expanded={accordionExpanded}
             onToggle={handleAccordionToggle}
           >
@@ -148,15 +145,15 @@ const Report: React.FC<IReport> = ({ id }) => {
         </Stack>
       </Stack>
 
-      <HStack space={2} alignItems='top' className='flex-none'>
+      <Stack space={2} alignItems='top' className='flex-none'>
         <DropdownMenu  items={menu} src={require('@tabler/icons/dots-vertical.svg')} />
         <IconButton
           src={require('@tabler/icons/x.svg')}
           onClick={handleCloseReport}
           theme='outlined'
-          iconClassName='p-1 text-red-600 dark:text-red-600'
+          iconClassName='p-1 text-gray-600 dark:text-gray-400'
         />
-      </HStack>
+      </Stack>
     </HStack>
   );
 };
diff --git a/app/soapbox/locales/en.json b/app/soapbox/locales/en.json
index de428fd81..921514d3a 100644
--- a/app/soapbox/locales/en.json
+++ b/app/soapbox/locales/en.json
@@ -109,7 +109,7 @@
   "admin.reports.empty_message": "There are no open reports. If a user gets reported, they will show up here.",
   "admin.reports.report_closed_message": "Report on @{name} was closed",
   "admin.reports.report_title": "Report on {acct}",
-  "admin.reports.reported_posts": "Reported {count} {count, plural, one {post} other {posts}}",
+  "admin.reports.reported_posts": "{count} {count, plural, one {post} other {posts}} reported",
   "admin.software.backend": "Backend",
   "admin.software.frontend": "Frontend",
   "admin.statuses.actions.delete_status": "Delete post",
@@ -1381,6 +1381,8 @@
   "sw.state.unknown": "Unknown",
   "sw.state.waiting": "Waiting",
   "sw.status": "Status",
+  "sw.update": "Update",
+  "sw.update_text": "An update is available.",
   "sw.url": "Script URL",
   "tabs_bar.all": "All",
   "tabs_bar.dashboard": "Dashboard",