Leahnaya/sendou.ink
1
0
Fork 0
mirror of https://github.com/Sendouc/sendou.ink.git synced 2026-09-27 13:47:56 -05:00
Code Issues Actions 3 Packages Projects Releases Wiki Activity

Fix Global Search flashing "No results" when it's searching

Browse Source
This commit is contained in:
Kalle
2026-04-27 08:52:16 +03:00
parent b26f4ab254
commit 2e8ff8d034
17 changed files with 37 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

27
app/components/layout/GlobalSearch.tsx
View File

@@ -231,7 +231,10 @@ function GlobalSearchContent({
);
const hasQuery = query.length >= 3;
const fetchedQuery = fetcher.data?.query ?? null;
const fetchedType = fetcher.data?.type ?? null;
const isCurrentFetch =
hasQuery && fetchedQuery === query && fetchedType === searchType;
const results =
hasQuery && fetchedType === searchType ? (fetcher.data?.results ?? []) : [];
@@ -388,15 +391,27 @@ function GlobalSearchContent({
className={clsx(styles.listBox, "scrollbar")}
aria-label={t("common:search")}
onAction={handleSelect}
renderEmptyState={() =>
hasQuery ? (
renderEmptyState={() => {
if (!hasQuery) {
return (
<div className={styles.emptyState}>
{t("common:search.hint")}
</div>
);
}
if (!isCurrentFetch) {
return (
<div className={styles.emptyState}>
{t("common:search.searching")}
</div>
);
}
return (
<div className={styles.emptyState}>
{t("common:search.noResults")}
</div>
) : (
<div className={styles.emptyState}>{t("common:search.hint")}</div>
)
}
);
}}
>
{results.map((result) => (
<ListBoxItem