From a05b24d234cf04111c9fb10d3b65ce307afc5b94 Mon Sep 17 00:00:00 2001
From: diondiondion <mail@diondiondion.com>
Date: Mon, 11 May 2026 08:21:51 +0200
Subject: [PATCH] [Glitch] Make search field and tabs sticky on search results
 page

Port 2e7df2718099fc90eb437af70c96b570410a83f9 to glitch-soc

Signed-off-by: Claire <claire.github-309c@sitedethib.com>
---
 .../flavours/glitch/features/search/index.tsx | 98 ++++++++++---------
 1 file changed, 54 insertions(+), 44 deletions(-)

diff --git a/app/javascript/flavours/glitch/features/search/index.tsx b/app/javascript/flavours/glitch/features/search/index.tsx
index 28252e5250..3c9fa6823a 100644
--- a/app/javascript/flavours/glitch/features/search/index.tsx
+++ b/app/javascript/flavours/glitch/features/search/index.tsx
@@ -222,52 +222,62 @@ export const SearchResults: React.FC<{ multiColumn: boolean }> = ({
         title={intl.formatMessage(messages.title, { q })}
         onClick={handleHeaderClick}
         multiColumn={multiColumn}
+        appendContent={
+          <>
+            <div className='explore__search-header'>
+              <Search
+                singleColumn
+                initialValue={trimmedValue}
+                key={trimmedValue}
+              />
+            </div>
+
+            <div className='account__section-headline'>
+              <button
+                onClick={handleSelectAll}
+                className={mappedType === 'all' ? 'active' : undefined}
+                type='button'
+              >
+                <FormattedMessage
+                  id='search_results.all'
+                  defaultMessage='All'
+                />
+              </button>
+              <button
+                onClick={handleSelectAccounts}
+                className={mappedType === 'accounts' ? 'active' : undefined}
+                type='button'
+              >
+                <FormattedMessage
+                  id='search_results.accounts'
+                  defaultMessage='Profiles'
+                />
+              </button>
+              <button
+                onClick={handleSelectHashtags}
+                className={mappedType === 'hashtags' ? 'active' : undefined}
+                type='button'
+              >
+                <FormattedMessage
+                  id='search_results.hashtags'
+                  defaultMessage='Hashtags'
+                />
+              </button>
+              <button
+                onClick={handleSelectStatuses}
+                className={mappedType === 'statuses' ? 'active' : undefined}
+                type='button'
+              >
+                <FormattedMessage
+                  id='search_results.statuses'
+                  defaultMessage='Posts'
+                />
+              </button>
+            </div>
+          </>
+        }
       />
 
-      <div className='explore__search-header'>
-        <Search singleColumn initialValue={trimmedValue} key={trimmedValue} />
-      </div>
-
-      <div className='account__section-headline'>
-        <button
-          onClick={handleSelectAll}
-          className={mappedType === 'all' ? 'active' : undefined}
-          type='button'
-        >
-          <FormattedMessage id='search_results.all' defaultMessage='All' />
-        </button>
-        <button
-          onClick={handleSelectAccounts}
-          className={mappedType === 'accounts' ? 'active' : undefined}
-          type='button'
-        >
-          <FormattedMessage
-            id='search_results.accounts'
-            defaultMessage='Profiles'
-          />
-        </button>
-        <button
-          onClick={handleSelectHashtags}
-          className={mappedType === 'hashtags' ? 'active' : undefined}
-          type='button'
-        >
-          <FormattedMessage
-            id='search_results.hashtags'
-            defaultMessage='Hashtags'
-          />
-        </button>
-        <button
-          onClick={handleSelectStatuses}
-          className={mappedType === 'statuses' ? 'active' : undefined}
-          type='button'
-        >
-          <FormattedMessage
-            id='search_results.statuses'
-            defaultMessage='Posts'
-          />
-        </button>
-      </div>
-
       <div className='explore__search-results' data-nosnippet>
         <ScrollableList
           scrollKey='search-results'