From 580633c91549893059c4487168c4396031b43dca Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?marcin=20miko=C5=82ajczak?= <git@mkljczk.pl>
Date: Thu, 14 Apr 2022 15:26:27 +0200
Subject: [PATCH] AccountContainer: use withDate
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: marcin mikołajczak <git@mkljczk.pl>
---
 app/soapbox/components/account.tsx                          | 4 ++++
 .../features/admin/components/latest_accounts_panel.tsx     | 6 +++---
 2 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/app/soapbox/components/account.tsx b/app/soapbox/components/account.tsx
index 3288127a1..132b9dfa2 100644
--- a/app/soapbox/components/account.tsx
+++ b/app/soapbox/components/account.tsx
@@ -35,6 +35,7 @@ interface IAccount {
   showProfileHoverCard?: boolean,
   timestamp?: string | Date,
   timestampUrl?: string,
+  withDate?: boolean,
   withRelationship?: boolean,
 }
 
@@ -51,6 +52,7 @@ const Account = ({
   showProfileHoverCard = true,
   timestamp,
   timestampUrl,
+  withDate = false,
   withRelationship = true,
 }: IAccount) => {
   const overflowRef = React.useRef<HTMLDivElement>(null);
@@ -122,6 +124,8 @@ const Account = ({
     );
   }
 
+  if (withDate) timestamp = account.created_at;
+
   const LinkEl: any = showProfileHoverCard ? Link : 'div';
 
   return (
diff --git a/app/soapbox/features/admin/components/latest_accounts_panel.tsx b/app/soapbox/features/admin/components/latest_accounts_panel.tsx
index ae32a40f5..7f53abd46 100644
--- a/app/soapbox/features/admin/components/latest_accounts_panel.tsx
+++ b/app/soapbox/features/admin/components/latest_accounts_panel.tsx
@@ -24,10 +24,10 @@ const LatestAccountsPanel: React.FC<ILatestAccountsPanel> = ({ limit = 5 }) => {
   const dispatch = useAppDispatch();
   const intl = useIntl();
 
-  const accountIds = useAppSelector<ImmutableOrderedSet<string>>((state) => state.admin.get('latestUsers'));
+  const accountIds = useAppSelector<ImmutableOrderedSet<string>>((state) => state.admin.get('latestUsers').take(limit));
   const hasDates = useAppSelector((state) => accountIds.every(id => !!state.accounts.getIn([id, 'created_at'])));
 
-  const [total, setTotal] = useState(0);
+  const [total, setTotal] = useState(accountIds.size);
 
   useEffect(() => {
     dispatch(fetchUsers(['local', 'active'], 1, null, limit))
@@ -49,7 +49,7 @@ const LatestAccountsPanel: React.FC<ILatestAccountsPanel> = ({ limit = 5 }) => {
   return (
     <Widget title={intl.formatMessage(messages.title)}>
       {accountIds.take(limit).map((account) => (
-        <AccountContainer key={account} id={account} withRelationship={false} />
+        <AccountContainer key={account} id={account} withRelationship={false} withDate />
       ))}
       {!!expandCount && (
         <Link className='wtf-panel__expand-btn' to='/admin/users'>