Sort leaderboards by trending_score; sort sections by list size

client/src/components/LeaderboardSection/index.jsx

@@ -68,9 +68,19 @@ const LeaderboardSection = ({
   }, [title, selectedLanguage, searchQuery]);
 
   // Filtrer pour n'avoir que les leaderboards approuvés
-  const approvedLeaderboards = filteredLeaderboards.filter(
-    (leaderboard) => leaderboard.approval_status === "approved"
-  );
+  const approvedLeaderboards = useMemo(() => {
+    // Filtrer d'abord pour n'avoir que les leaderboards approuvés
+    const approved = filteredLeaderboards.filter(
+      (leaderboard) => leaderboard.approval_status === "approved"
+    );
+
+    // Trier par trending_score (ordre décroissant)
+    return [...approved].sort((a, b) => {
+      const scoreA = a.trending_score || 0;
+      const scoreB = b.trending_score || 0;
+      return scoreB - scoreA; // Tri décroissant
+    });
+  }, [filteredLeaderboards]);
 
   // On ne retourne null que si on n'a pas de leaderboards bruts
   if (!leaderboards) return null;

client/src/context/LeaderboardContext.jsx

@@ -164,6 +164,20 @@ export const LeaderboardProvider = ({ children }) => {
     return allSections.filter((section) => section.data.length > 0);
   }, [allSections]);
 
+  // Sections triées par nombre de leaderboards (pour l'affichage sur la page d'accueil)
+  const sectionsSortedByCount = useMemo(() => {
+    return [...sections].sort((a, b) => {
+      // Filtrer pour n'avoir que les leaderboards approuvés
+      const approvedA = a.data.filter(
+        (board) => board.approval_status === "approved"
+      );
+      const approvedB = b.data.filter(
+        (board) => board.approval_status === "approved"
+      );
+      return approvedB.length - approvedA.length; // Tri décroissant
+    });
+  }, [sections]);
+
   // Calculate total number of unique leaderboards (excluding duplicates)
   const totalLeaderboards = useMemo(() => {
     const uniqueIds = new Set(
@@ -241,6 +255,7 @@ export const LeaderboardProvider = ({ children }) => {
     filterLeaderboards,
     filterLeaderboardsForCount,
     sections,
+    sectionsSortedByCount,
     allSections,
     getHighlightedText,
     selectedCategories,

client/src/pages/HowToSubmitPage/HowToSubmitPage.jsx

@@ -728,14 +728,14 @@ const HowToSubmitPage = () => {
           title="Domain"
           description="Indicates the specific domain of the leaderboard:"
           tags={[
-            "domain:financial",
             "domain:medical",
-            "domain:legal",
-            "domain:biology",
-            "domain:translation",
             "domain:chemistry",
             "domain:physics",
+            "domain:biology",
+            "domain:financial",
+            "domain:legal",
             "domain:commercial",
+            "domain:translation",
           ]}
         />
 

client/src/pages/LeaderboardPage/LeaderboardPage.jsx

@@ -18,6 +18,7 @@ const LeaderboardPageContent = () => {
     filterLeaderboards,
     sections,
     allSections,
+    sectionsSortedByCount,
     searchQuery,
     arenaOnly,
     selectedCategories,
@@ -272,8 +273,9 @@ const LeaderboardPageContent = () => {
             )
           ) : (
             // Si aucune catégorie n'est sélectionnée, on affiche toutes les sections avec des résultats
+            // triées par nombre de leaderboards
             (hasLeaderboards || !isFiltering) &&
-            sections.map(({ id, title, data }) => {
+            sectionsSortedByCount.map(({ id, title, data }) => {
               const filteredLeaderboards = filterLeaderboards(data);
               if (filteredLeaderboards.length === 0) return null;
               return (