ChoChoX/suwayomi-material-you-webui
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Hide global search "pinned" source filter without pinned sources

Browse Source 
closes #1095
This commit is contained in:
schroda
2026-05-02 19:27:55 +02:00
parent 00bba202ef
commit 4cc73ba97f
2 changed files with 46 additions and 39 deletions
Download Patch File Download Diff File Expand all files Collapse all files

84
src/features/global-search/screens/SearchAll.tsx
View File

@@ -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'}