From ef4a583f54018e7b9d1affda4fe038bc2cf8cbb6 Mon Sep 17 00:00:00 2001
From: diondiondion <mail@diondiondion.com>
Date: Thu, 9 Apr 2026 16:37:39 +0200
Subject: [PATCH] More design tweaks for empty state in Featured tab >
 Collections (#38626)

---
 .../empty_state/empty_state.module.scss       |  2 +-
 .../components/empty_message.tsx              | 20 ++++++++++---------
 .../features/account_featured/index.tsx       |  2 +-
 3 files changed, 13 insertions(+), 11 deletions(-)

diff --git a/app/javascript/mastodon/components/empty_state/empty_state.module.scss b/app/javascript/mastodon/components/empty_state/empty_state.module.scss
index 9d1d5a115c..e9602f2e41 100644
--- a/app/javascript/mastodon/components/empty_state/empty_state.module.scss
+++ b/app/javascript/mastodon/components/empty_state/empty_state.module.scss
@@ -10,7 +10,7 @@
 }
 
 .content {
-  max-width: 300px;
+  max-width: 370px;
 
   svg,
   img {
diff --git a/app/javascript/mastodon/features/account_featured/components/empty_message.tsx b/app/javascript/mastodon/features/account_featured/components/empty_message.tsx
index c7c4b20956..2503de2aa0 100644
--- a/app/javascript/mastodon/features/account_featured/components/empty_message.tsx
+++ b/app/javascript/mastodon/features/account_featured/components/empty_message.tsx
@@ -21,7 +21,7 @@ interface EmptyMessageProps {
   hidden: boolean;
   blockedBy: boolean;
   accountId?: string;
-  withImage?: boolean;
+  withoutAddCollectionButton?: boolean;
 }
 
 export const EmptyMessage: React.FC<EmptyMessageProps> = ({
@@ -29,7 +29,7 @@ export const EmptyMessage: React.FC<EmptyMessageProps> = ({
   suspended,
   hidden,
   blockedBy,
-  withImage = true,
+  withoutAddCollectionButton,
 }) => {
   const { acct } = useParams<{ acct?: string }>();
   const me = useCurrentAccountId();
@@ -57,7 +57,7 @@ export const EmptyMessage: React.FC<EmptyMessageProps> = ({
 
   const hasCollections = areCollectionsEnabled();
 
-  const image = withImage && <ElephantImage />;
+  const image = <ElephantImage />;
 
   if (me === accountId) {
     if (hasCollections) {
@@ -78,12 +78,14 @@ export const EmptyMessage: React.FC<EmptyMessageProps> = ({
             />
           }
         >
-          <Link to='/collections/new' className='button'>
-            <FormattedMessage
-              id='empty_column.account_featured_self.no_collections_button'
-              defaultMessage='Create a collection'
-            />
-          </Link>
+          {!withoutAddCollectionButton && (
+            <Link to='/collections/new' className='button'>
+              <FormattedMessage
+                id='empty_column.account_featured_self.no_collections_button'
+                defaultMessage='Create a collection'
+              />
+            </Link>
+          )}
           <Button secondary onClick={confirmHideFeaturedTab}>
             <FormattedMessage
               id='empty_column.account_featured_self.no_collections_hide_tab'
diff --git a/app/javascript/mastodon/features/account_featured/index.tsx b/app/javascript/mastodon/features/account_featured/index.tsx
index c27f56f8d2..4453bfc317 100644
--- a/app/javascript/mastodon/features/account_featured/index.tsx
+++ b/app/javascript/mastodon/features/account_featured/index.tsx
@@ -179,7 +179,7 @@ const AccountFeatured: React.FC<{ multiColumn: boolean }> = ({
               </ItemList>
             ) : (
               <EmptyMessage
-                withImage={false}
+                withoutAddCollectionButton
                 blockedBy={blockedBy}
                 hidden={hidden}
                 suspended={suspended}