fix: search

src/components/DiscoverRoadmaps/DiscoverRoadmaps.tsx

@@ -140,7 +140,7 @@ export function DiscoverRoadmaps(props: DiscoverRoadmapsProps) {
           </div>
         </div>
       </div>
-          <div className="py-3 bg-gray-50">
+      <div className="bg-gray-50 py-3">
         <section className="container mx-auto py-3">
           <div className="mb-3.5 flex items-stretch justify-between gap-2.5">
             <SearchRoadmap
@@ -148,6 +148,11 @@ export function DiscoverRoadmaps(props: DiscoverRoadmapsProps) {
               value={pageState.searchTerm}
               isLoading={isLoading}
               onValueChange={(value) => {
+                setPageState({
+                  ...pageState,
+                  searchTerm: value,
+                  currentPage: 1,
+                });
               }}
             />
 
@@ -163,7 +168,7 @@ export function DiscoverRoadmaps(props: DiscoverRoadmapsProps) {
           </div>
 
           {loadingIndicator}
-                  {roadmaps.length === 0 && !isLoading && <EmptyDiscoverRoadmaps/>}
+          {roadmaps.length === 0 && !isLoading && <EmptyDiscoverRoadmaps />}
           {roadmaps.length > 0 && !isLoading && (
             <>
               <ul className="mb-4 grid grid-cols-1 items-stretch gap-3 sm:grid-cols-2 lg:grid-cols-3">
@@ -195,7 +200,7 @@ export function DiscoverRoadmaps(props: DiscoverRoadmapsProps) {
 
                         <div className="flex items-center justify-between gap-2">
                           <span className="flex items-center gap-1 text-xs text-gray-400">
-                            <Shapes size={15} className="inline-block"/>
+                            <Shapes size={15} className="inline-block" />
                             {Intl.NumberFormat('en-US', {
                               notation: 'compact',
                             }).format(roadmap.topicCount)}{' '}