From 7e2626d897c9031988a6d37ac697218ce0d5fba6 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?nicole=20miko=C5=82ajczyk?= <git@mkljczk.pl>
Date: Thu, 19 Jun 2025 21:48:23 +0200
Subject: [PATCH] pl-fe: Fix mentions modal
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: nicole mikołajczyk <git@mkljczk.pl>
---
 packages/pl-fe/src/modals/mentions-modal.tsx | 31 +++++++-------------
 1 file changed, 11 insertions(+), 20 deletions(-)

diff --git a/packages/pl-fe/src/modals/mentions-modal.tsx b/packages/pl-fe/src/modals/mentions-modal.tsx
index 5dade4167..83a707a74 100644
--- a/packages/pl-fe/src/modals/mentions-modal.tsx
+++ b/packages/pl-fe/src/modals/mentions-modal.tsx
@@ -4,7 +4,6 @@ import { FormattedMessage, useIntl } from 'react-intl';
 import { fetchStatusWithContext } from 'pl-fe/actions/statuses';
 import ScrollableList from 'pl-fe/components/scrollable-list';
 import Modal from 'pl-fe/components/ui/modal';
-import Spinner from 'pl-fe/components/ui/spinner';
 import AccountContainer from 'pl-fe/containers/account-container';
 import { useAppDispatch } from 'pl-fe/hooks/use-app-dispatch';
 import { useAppSelector } from 'pl-fe/hooks/use-app-selector';
@@ -36,30 +35,22 @@ const MentionsModal: React.FC<BaseModalProps & MentionsModalProps> = ({ onClose,
     fetchData();
   }, []);
 
-  let body;
-
-  if (!accountIds) {
-    body = <Spinner />;
-  } else {
-    body = (
-      <ScrollableList
-        listClassName='max-w-full'
-        itemClassName='pb-3'
-        useWindowScroll={false}
-      >
-        {accountIds.map(id =>
-          <AccountContainer key={id} id={id} />,
-        )}
-      </ScrollableList>
-    );
-  }
-
   return (
     <Modal
       title={<FormattedMessage id='column.mentions' defaultMessage='Mentions' />}
       onClose={onClickClose}
     >
-      {body}
+      <ScrollableList
+        listClassName='max-w-full'
+        itemClassName='pb-3'
+        style={{ height: 'calc(80vh - 88px)' }}
+        isLoading={!accountIds}
+        useWindowScroll={false}
+      >
+        {(accountIds || []).map(id =>
+          <AccountContainer key={id} id={id} />,
+        )}
+      </ScrollableList>
     </Modal>
   );
 };