external/hydra
1
0
Fork 0
mirror of https://github.com/hydralauncher/hydra.git synced 2025-02-14 20:22:10 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

feat: refactor

Browse source
This commit is contained in:
Zamitto 2024-09-12 19:42:44 -03:00
parent b0164b6948
commit ad3c2df024
1 changed files with 27 additions and 15 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

42
src/renderer/src/pages/home/search-results.tsx
View file

@ -72,6 +72,32 @@ export function SearchResults() {
debouncedFunc.current();
}, [searchParams, dispatch]);
const noResultsContent = () => {
if (isLoading) return null;
if (showTypingMessage) {
return (
<div className={styles.noResults}>
<SearchIcon size={56} />
<p>{t("start_typing")}</p>
</div>
);
}
if (searchResults.length === 0) {
return (
<div className={styles.noResults}>
<InboxIcon size={56} />
<p>{t("no_results")}</p>
</div>
);
}
return null;
};
return (
<SkeletonTheme baseColor={vars.color.background} highlightColor="#444">
<section className={styles.content}>
@ -94,21 +120,7 @@ export function SearchResults() {
)}
</section>
{!isLoading && showTypingMessage && (
<div className={styles.noResults}>
<SearchIcon size={56} />
<p>{t("start_typing")}</p>
</div>
)}
{!isLoading && searchResults.length === 0 && (
<div className={styles.noResults}>
<InboxIcon size={56} />
<p>{t("no_results")}</p>
</div>
)}
{noResultsContent()}
</section>
</SkeletonTheme>
);