From 4cc73ba97f66c605b5226c03b2ca2a8091619a0b Mon Sep 17 00:00:00 2001
From: schroda <50052685+schroda@users.noreply.github.com>
Date: Sat, 2 May 2026 19:27:55 +0200
Subject: [PATCH] Hide global search "pinned" source filter without pinned
 sources

closes #1095
---
 CHANGELOG.md                                  |  1 +
 .../global-search/screens/SearchAll.tsx       | 84 ++++++++++---------
 2 files changed, 46 insertions(+), 39 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index deccc7b0..766e3c2a 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -25,6 +25,7 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.1.0/).
 - (**Theme**) Change "pure black mode" paper background color to true black
 - (**Library**) Improve library manga sorting
 - (**Browse**) Merge languages filter of the sources and extensions into one
+- (**Search**) Hide "pinned" sources button in global search in case no sources are pinned
 
 ### Fixed
 
diff --git a/src/features/global-search/screens/SearchAll.tsx b/src/features/global-search/screens/SearchAll.tsx
index 1a35c608..04be97ef 100644
--- a/src/features/global-search/screens/SearchAll.tsx
+++ b/src/features/global-search/screens/SearchAll.tsx
@@ -253,7 +253,6 @@ export const SearchAll = ({
     const { pathname, state } = useLocation<{ mangaTitle?: string; shouldShowOnlyPinnedSources?: boolean }>();
     const { ref: filterHeaderRef, height: filterHeaderHeight } = useElementSize();
 
-    const shouldShowOnlyPinnedSources = state?.shouldShowOnlyPinnedSources ?? true;
     const isMigrateMode = pathname.startsWith('/migrate/source') || pathname.startsWith('/migrate/manual-search');
 
     const { mangaId } = useParams<{ mangaId?: string }>() ?? STABLE_EMPTY_OBJECT;
@@ -280,6 +279,9 @@ export const SearchAll = ({
 
     const sourceLanguages = useMemo(() => Sources.getLanguages(sources), [sources]);
 
+    const hasPinnedSources = useMemo(() => !!Sources.filter(sources, { pinned: true }).length, [sources]);
+    const shouldShowOnlyPinnedSources = state?.shouldShowOnlyPinnedSources ?? hasPinnedSources;
+
     const filteredSources = useMemo(
         () =>
             Sources.filter(sources, {
@@ -358,44 +360,48 @@ export const SearchAll = ({
                     background: (theme) => theme.palette.background.default,
                 }}
             >
-                <Stack sx={{ flexDirection: 'row', gap: 1 }}>
-                    <Button
-                        startIcon={<PushPinIcon />}
-                        variant={shouldShowOnlyPinnedSources ? 'contained' : 'outlined'}
-                        onClick={() =>
-                            navigate(
-                                {
-                                    pathname: '',
-                                    search: query ? `query=${query}` : '',
-                                },
-                                {
-                                    replace: true,
-                                    state: { ...state, shouldShowOnlyPinnedSources: true },
-                                },
-                            )
-                        }
-                    >
-                        {t`Pinned`}
-                    </Button>
-                    <Button
-                        startIcon={<DoneAllIcon />}
-                        variant={!shouldShowOnlyPinnedSources ? 'contained' : 'outlined'}
-                        onClick={() =>
-                            navigate(
-                                {
-                                    pathname: '',
-                                    search: query ? `query=${query}` : '',
-                                },
-                                {
-                                    replace: true,
-                                    state: { ...state, shouldShowOnlyPinnedSources: false },
-                                },
-                            )
-                        }
-                    >
-                        {t`All`}
-                    </Button>
-                </Stack>
+                {hasPinnedSources && (
+                    <>
+                        (
+                        <Button
+                            startIcon={<PushPinIcon />}
+                            variant={shouldShowOnlyPinnedSources ? 'contained' : 'outlined'}
+                            onClick={() =>
+                                navigate(
+                                    {
+                                        pathname: '',
+                                        search: query ? `query=${query}` : '',
+                                    },
+                                    {
+                                        replace: true,
+                                        state: { ...state, shouldShowOnlyPinnedSources: true },
+                                    },
+                                )
+                            }
+                        >
+                            {t`Pinned`}
+                        </Button>
+                        <Button
+                            startIcon={<DoneAllIcon />}
+                            variant={!shouldShowOnlyPinnedSources ? 'contained' : 'outlined'}
+                            onClick={() =>
+                                navigate(
+                                    {
+                                        pathname: '',
+                                        search: query ? `query=${query}` : '',
+                                    },
+                                    {
+                                        replace: true,
+                                        state: { ...state, shouldShowOnlyPinnedSources: false },
+                                    },
+                                )
+                            }
+                        >
+                            {t`All`}
+                        </Button>
+                        )
+                    </>
+                )}
                 <Button
                     startIcon={<FilterListIcon />}
                     variant={shouldShowOnlySourcesWithResults ? 'contained' : 'outlined'}