feat(messages): add new translations and sorting options for prompts in multiple languages

f · f · commit c703314e5666 · 2026-01-07T13:10:42.000+03:00
diff --git a/messages/ar.json b/messages/ar.json
@@ -904,7 +904,10 @@
     "thisWeek": "هذا الأسبوع",
     "prompts": "أوامر",
     "upvotes": "أصوات",
-    "noData": "لا توجد بيانات بعد"
+    "perPrompt": "لكل أمر",
+    "noData": "لا توجد بيانات بعد",
+    "sortByTotal": "ترتيب حسب إجمالي الأصوات",
+    "sortByRatio": "ترتيب حسب الأصوات لكل أمر"
   },
   "errors": {
     "notFound": "الصفحة غير موجودة",
diff --git a/messages/az.json b/messages/az.json
@@ -878,7 +878,10 @@
     "thisWeek": "Bu Həftə",
     "prompts": "prompt",
     "upvotes": "bəyənmə",
-    "noData": "Hələ məlumat yoxdur"
+    "perPrompt": "prompt başına",
+    "noData": "Hələ məlumat yoxdur",
+    "sortByTotal": "Ümumi səslərə görə sırala",
+    "sortByRatio": "Prompt başına səslərə görə sırala"
   },
   "errors": {
     "notFound": "Səhifə tapılmadı",
diff --git a/messages/de.json b/messages/de.json
@@ -904,7 +904,10 @@
     "thisWeek": "Diese Woche",
     "prompts": "Prompts",
     "upvotes": "Stimmen",
-    "noData": "Noch keine Daten verfügbar"
+    "perPrompt": "pro Prompt",
+    "noData": "Noch keine Daten verfügbar",
+    "sortByTotal": "Nach Gesamtstimmen sortieren",
+    "sortByRatio": "Nach Stimmen pro Prompt sortieren"
   },
   "errors": {
     "notFound": "Seite nicht gefunden",
diff --git a/messages/el.json b/messages/el.json
@@ -904,7 +904,10 @@
     "thisWeek": "Αυτή την εβδομάδα",
     "prompts": "prompts",
     "upvotes": "ψήφοι",
-    "noData": "Δεν υπάρχουν διαθέσιμα δεδομένα ακόμα"
+    "perPrompt": "ανά prompt",
+    "noData": "Δεν υπάρχουν διαθέσιμα δεδομένα ακόμα",
+    "sortByTotal": "Ταξινόμηση κατά συνολικές ψήφους",
+    "sortByRatio": "Ταξινόμηση κατά ψήφους ανά prompt"
   },
   "errors": {
     "notFound": "Η σελίδα δεν βρέθηκε",
diff --git a/messages/en.json b/messages/en.json
@@ -878,7 +878,10 @@
     "thisWeek": "This Week",
     "prompts": "prompts",
     "upvotes": "upvotes",
-    "noData": "No data available yet"
+    "perPrompt": "per prompt",
+    "noData": "No data available yet",
+    "sortByTotal": "Sort by total votes",
+    "sortByRatio": "Sort by votes per prompt"
   },
   "errors": {
     "notFound": "Page not found",
diff --git a/messages/es.json b/messages/es.json
@@ -904,7 +904,10 @@
     "thisWeek": "Esta Semana",
     "prompts": "prompts",
     "upvotes": "votos",
-    "noData": "Aún no hay datos disponibles"
+    "perPrompt": "por prompt",
+    "noData": "Aún no hay datos disponibles",
+    "sortByTotal": "Ordenar por votos totales",
+    "sortByRatio": "Ordenar por votos por prompt"
   },
   "errors": {
     "notFound": "Página no encontrada",
diff --git a/messages/fa.json b/messages/fa.json
@@ -878,7 +878,10 @@
     "thisWeek": "این هفته",
     "prompts": "پرامپت",
     "upvotes": "لایک",
-    "noData": "هنوز داده‌ای موجود نیست"
+    "perPrompt": "به ازای هر پرامپت",
+    "noData": "هنوز داده‌ای موجود نیست",
+    "sortByTotal": "مرتب‌سازی بر اساس کل آرا",
+    "sortByRatio": "مرتب‌سازی بر اساس آرا به ازای هر پرامپت"
   },
   "errors": {
     "notFound": "صفحه یافت نشد",
diff --git a/messages/fr.json b/messages/fr.json
@@ -904,7 +904,10 @@
     "thisWeek": "Cette Semaine",
     "prompts": "prompts",
     "upvotes": "votes",
-    "noData": "Aucune donnée disponible pour l'instant"
+    "perPrompt": "par prompt",
+    "noData": "Aucune donnée disponible pour l'instant",
+    "sortByTotal": "Trier par votes totaux",
+    "sortByRatio": "Trier par votes par prompt"
   },
   "errors": {
     "notFound": "Page non trouvée",
diff --git a/messages/he.json b/messages/he.json
@@ -904,7 +904,10 @@
     "thisWeek": "השבוע",
     "prompts": "פרומפטים",
     "upvotes": "דירוגים",
-    "noData": "אין נתונים זמינים עדיין"
+    "perPrompt": "לכל פרומפט",
+    "noData": "אין נתונים זמינים עדיין",
+    "sortByTotal": "מיון לפי סך הקולות",
+    "sortByRatio": "מיון לפי קולות לכל פרומפט"
   },
   "errors": {
     "notFound": "הדף לא נמצא",
diff --git a/messages/it.json b/messages/it.json
@@ -904,7 +904,10 @@
     "thisWeek": "Questa Settimana",
     "prompts": "prompt",
     "upvotes": "voti",
-    "noData": "Nessun dato disponibile ancora"
+    "perPrompt": "per prompt",
+    "noData": "Nessun dato disponibile ancora",
+    "sortByTotal": "Ordina per voti totali",
+    "sortByRatio": "Ordina per voti per prompt"
   },
   "errors": {
     "notFound": "Pagina non trovata",
diff --git a/messages/ja.json b/messages/ja.json
@@ -904,7 +904,10 @@
     "thisWeek": "今週",
     "prompts": "プロンプト",
     "upvotes": "票",
-    "noData": "データがまだありません"
+    "perPrompt": "プロンプトあたり",
+    "noData": "データがまだありません",
+    "sortByTotal": "総投票数で並べ替え",
+    "sortByRatio": "プロンプトあたりの投票数で並べ替え"
   },
   "errors": {
     "notFound": "ページが見つかりません",
diff --git a/messages/ko.json b/messages/ko.json
@@ -904,7 +904,10 @@
     "thisWeek": "이번 주",
     "prompts": "프롬프트",
     "upvotes": "추천",
-    "noData": "아직 데이터가 없습니다"
+    "perPrompt": "프롬프트당",
+    "noData": "아직 데이터가 없습니다",
+    "sortByTotal": "총 투표수로 정렬",
+    "sortByRatio": "프롬프트당 투표수로 정렬"
   },
   "errors": {
     "notFound": "페이지를 찾을 수 없습니다",
diff --git a/messages/pt.json b/messages/pt.json
@@ -904,7 +904,10 @@
     "thisWeek": "Esta Semana",
     "prompts": "prompts",
     "upvotes": "votos",
-    "noData": "Nenhum dado disponível ainda"
+    "perPrompt": "por prompt",
+    "noData": "Nenhum dado disponível ainda",
+    "sortByTotal": "Ordenar por votos totais",
+    "sortByRatio": "Ordenar por votos por prompt"
   },
   "errors": {
     "notFound": "Página não encontrada",
diff --git a/messages/ru.json b/messages/ru.json
@@ -904,7 +904,10 @@
     "thisWeek": "За неделю",
     "prompts": "промптов",
     "upvotes": "голосов",
-    "noData": "Данных пока нет"
+    "perPrompt": "за промпт",
+    "noData": "Данных пока нет",
+    "sortByTotal": "Сортировать по общему количеству голосов",
+    "sortByRatio": "Сортировать по голосам за промпт"
   },
   "errors": {
     "notFound": "Страница не найдена",
diff --git a/messages/tr.json b/messages/tr.json
@@ -904,7 +904,10 @@
     "thisWeek": "Bu Hafta",
     "prompts": "prompt",
     "upvotes": "oy",
-    "noData": "Henüz veri yok"
+    "perPrompt": "prompt başına",
+    "noData": "Henüz veri yok",
+    "sortByTotal": "Toplam oya göre sırala",
+    "sortByRatio": "Prompt başına oya göre sırala"
   },
   "errors": {
     "notFound": "Sayfa bulunamadı",
diff --git a/messages/zh.json b/messages/zh.json
@@ -904,7 +904,10 @@
     "thisWeek": "本周",
     "prompts": "提示词",
     "upvotes": "赞",
-    "noData": "暂无数据"
+    "perPrompt": "每提示词",
+    "noData": "暂无数据",
+    "sortByTotal": "按总票数排序",
+    "sortByRatio": "按每提示词票数排序"
   },
   "errors": {
     "notFound": "页面未找到",
diff --git a/src/app/promptmasters/page.tsx b/src/app/promptmasters/page.tsx
@@ -1,12 +1,16 @@
 "use client";
 
-import { useState, useEffect } from "react";
+import { useState, useEffect, useMemo } from "react";
 import Link from "next/link";
 import { useTranslations } from "next-intl";
-import { Trophy, Medal, Award } from "lucide-react";
+import { Trophy, Medal, Award, BarChart3, TrendingUp } from "lucide-react";
 import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs";
 import { Avatar, AvatarFallback, AvatarImage } from "@/components/ui/avatar";
 import { Skeleton } from "@/components/ui/skeleton";
+import { Button } from "@/components/ui/button";
+import { Tooltip, TooltipContent, TooltipTrigger } from "@/components/ui/tooltip";
+
+type SortMode = "total" | "perPrompt";
 
 interface LeaderboardUser {
   id: string;
@@ -55,9 +59,20 @@ function RankBadge({ rank }: { rank: number }) {
   );
 }
 
-function LeaderboardList({ users }: { users: LeaderboardUser[] }) {
+function LeaderboardList({ users, sortMode }: { users: LeaderboardUser[]; sortMode: SortMode }) {
   const t = useTranslations("promptmasters");
 
+  const sortedUsers = useMemo(() => {
+    return [...users].sort((a, b) => {
+      if (sortMode === "perPrompt") {
+        const aRatio = a.promptCount > 0 ? a.totalUpvotes / a.promptCount : 0;
+        const bRatio = b.promptCount > 0 ? b.totalUpvotes / b.promptCount : 0;
+        return bRatio - aRatio;
+      }
+      return b.totalUpvotes - a.totalUpvotes;
+    });
+  }, [users, sortMode]);
+
   if (users.length === 0) {
     return (
       <div className="text-center py-12 text-muted-foreground">
@@ -68,7 +83,7 @@ function LeaderboardList({ users }: { users: LeaderboardUser[] }) {
 
   return (
     <div className="divide-y">
-      {users.map((user, index) => (
+      {sortedUsers.map((user, index) => (
         <Link
           key={user.id}
           href={`/@${user.username}`}
@@ -94,8 +109,14 @@ function LeaderboardList({ users }: { users: LeaderboardUser[] }) {
               <p className="text-xs text-muted-foreground">{t("prompts")}</p>
             </div>
             <div className="text-center">
-              <p className="font-semibold text-primary">{user.totalUpvotes}</p>
-              <p className="text-xs text-muted-foreground">{t("upvotes")}</p>
+              <p className="font-semibold text-primary">
+                {sortMode === "perPrompt" 
+                  ? (user.promptCount > 0 ? (user.totalUpvotes / user.promptCount).toFixed(1) : "0")
+                  : user.totalUpvotes}
+              </p>
+              <p className="text-xs text-muted-foreground">
+                {sortMode === "perPrompt" ? t("perPrompt") : t("upvotes")}
+              </p>
             </div>
           </div>
         </Link>
@@ -110,6 +131,7 @@ export default function PromptmastersPage() {
   const [monthly, setMonthly] = useState<LeaderboardData | null>(null);
   const [weekly, setWeekly] = useState<LeaderboardData | null>(null);
   const [loading, setLoading] = useState(true);
+  const [sortMode, setSortMode] = useState<SortMode>("total");
 
   useEffect(() => {
     async function fetchLeaderboards() {
@@ -145,33 +167,55 @@ export default function PromptmastersPage() {
         </div>
 
         <Tabs defaultValue="all" className="w-full">
-          <TabsList className="grid w-full grid-cols-3 mb-6">
+          <div className="flex items-center gap-2 mb-6">
+          <TabsList className="grid w-full grid-cols-3">
             <TabsTrigger value="all">{t("allTime")}</TabsTrigger>
             <TabsTrigger value="month">{t("thisMonth")}</TabsTrigger>
             <TabsTrigger value="week">{t("thisWeek")}</TabsTrigger>
           </TabsList>
+          <div className="flex-1" />
+          <Tooltip>
+            <TooltipTrigger asChild>
+              <Button
+                variant="outline"
+                size="icon"
+                onClick={() => setSortMode(sortMode === "total" ? "perPrompt" : "total")}
+                className="shrink-0"
+              >
+                {sortMode === "total" ? (
+                  <BarChart3 className="h-4 w-4" />
+                ) : (
+                  <TrendingUp className="h-4 w-4" />
+                )}
+              </Button>
+            </TooltipTrigger>
+            <TooltipContent>
+              {sortMode === "total" ? t("sortByTotal") : t("sortByRatio")}
+            </TooltipContent>
+          </Tooltip>
+          </div>
 
           <TabsContent value="all" className="mt-0">
             {loading ? (
               <LeaderboardSkeleton />
             ) : (
-              <LeaderboardList users={allTime?.leaderboard || []} />
+              <LeaderboardList users={allTime?.leaderboard || []} sortMode={sortMode} />
             )}
           </TabsContent>
 
           <TabsContent value="month" className="mt-0">
             {loading ? (
               <LeaderboardSkeleton />
             ) : (
-              <LeaderboardList users={monthly?.leaderboard || []} />
+              <LeaderboardList users={monthly?.leaderboard || []} sortMode={sortMode} />
             )}
           </TabsContent>
 
           <TabsContent value="week" className="mt-0">
             {loading ? (
               <LeaderboardSkeleton />
             ) : (
-              <LeaderboardList users={weekly?.leaderboard || []} />
+              <LeaderboardList users={weekly?.leaderboard || []} sortMode={sortMode} />
             )}
           </TabsContent>
         </Tabs>
