diff --git a/src/components/DiscoverRoadmaps/DiscoverRoadmaps.tsx b/src/components/DiscoverRoadmaps/DiscoverRoadmaps.tsx index 9bc520c2c..62805fe1a 100644 --- a/src/components/DiscoverRoadmaps/DiscoverRoadmaps.tsx +++ b/src/components/DiscoverRoadmaps/DiscoverRoadmaps.tsx @@ -111,125 +111,130 @@ export function DiscoverRoadmaps(props: DiscoverRoadmapsProps) { const loadingIndicator = isLoading && ; return ( - <> - {isCreatingRoadmap && ( - { - setIsCreatingRoadmap(false); - }} - /> - )} - -
-
-
-

- Community Roadmaps -

-

- Browse the roadmaps created by the community or{' '} - -

-
-
+ <> + {isCreatingRoadmap && ( + { + setIsCreatingRoadmap(false); + }} + /> + )} + +
+
+
+

+ Community Roadmaps +

+

+ Browse the roadmaps created by the community or{' '} + +

+
+
+
+
+
+
+ { + setPageState({ + ...pageState, + searchTerm: value, + currentPage: 1, + }); + }} + /> + + { + setPageState({ + ...pageState, + sortBy, + }); + }} + />
-
-
-
- { - }} - /> - - { - setPageState({ - ...pageState, - sortBy, - }); - }} - /> -
- - {loadingIndicator} - {roadmaps.length === 0 && !isLoading && } - {roadmaps.length > 0 && !isLoading && ( - <> -
-
- +
+ + + ); + })} + + + { + setPageState({ + ...pageState, + currentPage: page, + }); + }} + /> + + )} + +
+ ); }