Load more for This Week and Last Week section fixed

src/components/RecentRepoListWrap.tsx

@@ -1,4 +1,31 @@
-// ...
+import { useLocation, useSearchParams } from "react-router-dom";
+import locationsHash from "../lib/locationsHash";
+import ListRepositories from "./ListRepositories";
+import { useEffect, useState } from "react";
+import { useRepositoriesList } from "../hooks/useRepositoriesList";
+
+export enum RepoOrderByEnum {
+  popular = "stars",
+  recent = "created_at",
+  upvoted = "votesCount",
+  discussed = "issues",
+  myVotes = "myVotes"
+}
+
+const parseLimitValue = (limit: string | null): number => {
+  if (!limit) {
+    return 25;
+  }
+  const value = parseInt(limit);
+
+  if (isNaN(value) || value <= 0) {
+    return 15;
+  }
+  if (value > 25) {
+    return 50;
+  }
+  return value;
+};
 
 const RecentRepoListWrap = (): JSX.Element => {
   const [searchParams, setSearchParams] = useSearchParams();
@@ -19,27 +46,23 @@ const RecentRepoListWrap = (): JSX.Element => {
 
     if (!isLoading) {
       const thisWeekData = data.filter((repo) => repo.created_at && new Date(repo.created_at) > lastSunday);
-
       thisWeekData.sort((a, b) => (new Date(a.created_at!) > new Date(b.created_at!) ? 1 : -1));
       thisWeekData.sort((a, b) => (a.votesCount! > b.votesCount! ? -1 : 1));
-      setThisWeek(thisWeekData.slice(0, 101)); // Fix: Limit the number of repositories displayed to 101
+      setThisWeek(thisWeekData);
 
       const lastWeekData = data.filter(
         (repo) =>
           repo.created_at &&
           new Date(repo.created_at) < lastSunday &&
           new Date(repo.created_at) > new Date(lastSunday.getTime() - 7 * 24 * 60 * 60 * 1000)
       );
-
       lastWeekData.sort((a, b) => (new Date(a.created_at!) > new Date(b.created_at!) ? 1 : -1));
       lastWeekData.sort((a, b) => (a.votesCount! > b.votesCount! ? -1 : 1));
-      setLastWeek(lastWeekData.slice(0, 101)); // Fix: Limit the number of repositories displayed to 101
+      setLastWeek(lastWeekData);
 
       const olderData = data.filter(
-        (repo) =>
-          repo.created_at && new Date(repo.created_at) < new Date(lastSunday.getTime() - 7 * 24 * 60 * 60 * 1000)
+        (repo) => repo.created_at && new Date(repo.created_at) < new Date(lastSunday.getTime() - 7 * 24 * 60 * 60 * 1000)
       );
-
       olderData.sort((a, b) => (new Date(a.created_at!) > new Date(b.created_at!) ? 1 : -1));
       olderData.sort((a, b) => (a.votesCount! > b.votesCount! ? -1 : 1));
       setOlder(olderData);
@@ -59,7 +82,7 @@ const RecentRepoListWrap = (): JSX.Element => {
               activeLink={activeLink}
               fetchedData={thisWeek}
               handleLoadingMore={handleLoadingMore}
-              limit={101} // Fix: Set the limit to 101 to hide the "Load More" button
+              limit={limit}
               title="This Week"
             />
           )}
@@ -69,7 +92,7 @@ const RecentRepoListWrap = (): JSX.Element => {
               activeLink={activeLink}
               fetchedData={lastWeek}
               handleLoadingMore={handleLoadingMore}
-              limit={101} // Fix: Set the limit to 101 to hide the "Load More" button
+              limit={limit}
               title="Last Week"
             />
           )}
@@ -79,7 +102,7 @@ const RecentRepoListWrap = (): JSX.Element => {
               activeLink={activeLink}
               fetchedData={older}
               handleLoadingMore={handleLoadingMore}
-              limit={limit} // Fix: Set the limit to the actual limit value
+              limit={limit}
               title="Older"
             />
           )}