From 5c78f0b3b8e867a4f062a32c36b394f3d0e633f5 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?nicole=20miko=C5=82ajczyk?= <git@mkljczk.pl>
Date: Mon, 23 Feb 2026 10:53:55 +0100
Subject: [PATCH] nicolium: circle editor modal improvements
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: nicole mikołajczyk <git@mkljczk.pl>
---
 .../pl-fe/src/modals/circle-editor-modal.tsx  | 24 ++++++++++++-------
 1 file changed, 15 insertions(+), 9 deletions(-)

diff --git a/packages/pl-fe/src/modals/circle-editor-modal.tsx b/packages/pl-fe/src/modals/circle-editor-modal.tsx
index c117be244..6fbb077c8 100644
--- a/packages/pl-fe/src/modals/circle-editor-modal.tsx
+++ b/packages/pl-fe/src/modals/circle-editor-modal.tsx
@@ -45,7 +45,7 @@ const CircleEditorModal: React.FC<BaseModalProps & CircleEditorModalProps> = ({
 
   const { data: circle } = useCircle(circleId);
   const { mutate: updateCircle, isPending: disabled } = useUpdateCircle(circleId);
-  const { data: accountIds = [] } = useCircleAccounts(circleId);
+  const { data: accountIds = [], isFetching: isFetchingAccounts } = useCircleAccounts(circleId);
   const { data: searchAccountIds = [] } = useAccountSearch(searchValue, {
     following: true,
     limit: 5,
@@ -106,12 +106,12 @@ const CircleEditorModal: React.FC<BaseModalProps & CircleEditorModalProps> = ({
 
             <FormActions>
               <Button onClick={handleUpdate} disabled={disabled}>
-                <FormattedMessage id='circles.edit.save' defaultMessage='Save circle' />
+                <FormattedMessage id='circles.edit.save' defaultMessage='Update title' />
               </Button>
             </FormActions>
           </Form>
           {accountIds.length > 0 ? (
-            <div>
+            <div className='min-h-24'>
               <CardHeader>
                 <CardTitle
                   title={
@@ -134,13 +134,19 @@ const CircleEditorModal: React.FC<BaseModalProps & CircleEditorModalProps> = ({
                 ))}
               </div>
             </div>
+          ) : isFetchingAccounts ? (
+            <div className='flex min-h-24 items-center justify-center'>
+              <Spinner />
+            </div>
           ) : (
-            <Text theme='muted' size='sm'>
-              <FormattedMessage
-                id='empty_column.circle_members'
-                defaultMessage='There are no members in this circle. Use search to find users to add.'
-              />
-            </Text>
+            <div className='flex min-h-24 items-center justify-center'>
+              <Text theme='muted' size='sm' align='center'>
+                <FormattedMessage
+                  id='empty_column.circle_members'
+                  defaultMessage='There are no members in this circle. Use search to find users to add.'
+                />
+              </Text>
+            </div>
           )}
 
           <div>