github/AutoGPT
1
1
Fork 0
mirror of https://github.com/Significant-Gravitas/AutoGPT.git synced 2026-04-08 03:00:28 -04:00
Code Issues Packages Projects Releases Wiki Activity

feat(platform): Tweaks to Search page (#8806)

Browse Source 
* Update to make it properly show "No results found" and look better

* fix text spacing under SearchFilterChips

* add flex to spacing
This commit is contained in:
Bently
2024-11-27 12:57:16 +00:00
committed by GitHub
parent c1c3fd4982
commit 93d3bd3773
1 changed files with 36 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files

58
autogpt_platform/frontend/src/app/[lang]/store/search/page.tsx
View File

@@ -32,8 +32,8 @@ export default async function Page({
return (
<div className="w-full bg-white">
<div className="px-10 max-w-[1440px] mx-auto">
<div className="flex items-center justify-between mt-8">
<div className="flex flex-col">
<div className="flex items-center mt-8">
<div className="flex-1 min-w-[910px]">
<h2 className="font-['Geist'] text-base font-medium text-neutral-800">
Results for:
</h2>
@@ -41,31 +41,45 @@ export default async function Page({
{search_term}
</h1>
</div>
<div>
<div className="flex-none ml-auto">
<SearchBar width="w-[439px]" />
</div>
</div>
<div className="mt-8 flex justify-between items-center">
<SearchFilterChips
totalCount={totalCount}
agentsCount={agentsCount}
creatorsCount={creatorsCount}
/>
<SortDropdown />
</div>
{totalCount > 0 ? (
<>
<div className="mt-8 flex justify-between items-center">
<SearchFilterChips
totalCount={totalCount}
agentsCount={agentsCount}
creatorsCount={creatorsCount}
/>
<SortDropdown />
</div>
<div className="mt-6">
<h2 className="text-neutral-800 text-lg font-semibold font-['Poppins'] mb-4">Agents</h2>
<AgentsSection agents={agents} sectionTitle="Search Results" />
</div>
<Separator className="my-6" />
<div className="mb-8">
<h2 className="text-neutral-800 text-lg font-semibold font-['Poppins'] mb-4">Creators</h2>
<FeaturedCreators featuredCreators={creators} />
</div>
{agentsCount > 0 && (
<div className="mt-8">
<h2 className="text-neutral-800 text-lg font-semibold font-['Poppins'] mb-4">Agents</h2>
<AgentsSection agents={agents} sectionTitle="Search Results" />
</div>
)}
{agentsCount > 0 && creatorsCount > 0 && <Separator className="my-6" />}
{creatorsCount > 0 && (
<div className="mt-8">
<h2 className="text-neutral-800 text-lg font-semibold font-['Poppins'] mb-4">Creators</h2>
<FeaturedCreators featuredCreators={creators} />
</div>
)}
</>
) : (
<div className="flex flex-col items-center justify-center mt-20">
<h3 className="text-xl font-medium text-neutral-600 mb-2">No results found</h3>
<p className="text-neutral-500">Try adjusting your search terms or filters</p>
</div>
)}
</div>
</div>
);