Merge pull request #23 from mrepol742/master

title not found

Author: mrepol742

app/page.tsx

@@ -13,24 +13,19 @@ export default async function Home() {
     .order("created_at", { ascending: false })
     .limit(5);
 
-  const { data: losser } = await supabase
-    .from("leaderboard_members_view")
-    .select("email, total_seconds")
+  const { data: losser_members } = await supabase
+    .from("top_user_stats")
+    .select("*")
     .lt("total_seconds", 14400) // thats 4 hours
     .neq("total_seconds", 0)
     .not("total_seconds", "is", null)
     .order("total_seconds", { ascending: true });
 
-  const seen = new Set();
-  const losser_members = losser
-    ? losser
-        .filter((row) => {
-          if (seen.has(row.email)) return false;
-          seen.add(row.email);
-          return true;
-        })
-        .slice(0, 10)
-    : [];
+  const { data: top_members } = await supabase
+    .from("top_user_stats")
+    .select("*")
+    .order("total_seconds", { ascending: false })
+    .limit(3);
 
   return (
     <div className="min-h-screen bg-[#0a0a1a] text-white overflow-hidden grid-bg relative">
@@ -324,6 +319,49 @@ export default async function Home() {
         </div>
       </section>
 
+      {top_members && top_members.length > 0 && (
+        <section className="max-w-5xl mx-auto px-6 pb-5 relative z-10">
+          <div
+            className="glass-card border border-white/5 bg-white/[0.02] backdrop-blur-xl p-8 md:p-12 rounded-3xl"
+            data-aos="fade-up"
+          >
+            <h2 className="text-2xl font-bold text-white mb-4">
+              Top Developers of the Week
+            </h2>
+            <p className="text-gray-400 text-sm mb-8">
+              Celebrating the most dedicated coders in our community.
+            </p>
+
+            <div className="grid grid-cols-1 md:grid-cols-3 gap-4">
+              {top_members.map(
+                (
+                  member: { email: string; total_seconds: number },
+                  i: number,
+                ) => (
+                  <div
+                    key={i}
+                    className="stat-card flex flex-col items-center px-6 py-4 group bg-black/20 hover:bg-white/5 transition-all border border-white/5 rounded-xl rounded-tl-sm"
+                    data-aos="fade-up"
+                    data-aos-delay={(i * 50).toString()}
+                  >
+                    <div className="flex items-center gap-3 mb-2">
+                      <div className="w-2 h-2 rounded-full bg-yellow-400 group-hover:shadow-[0_0_10px_rgba(250,204,21,0.8)] transition-all" />
+                      <span className="text-gray-200 font-semibold group-hover:text-white transition">
+                        {member.email.split("@")[0]}
+                      </span>
+                    </div>
+                    <span className="text-gray-500 text-sm group-hover:text-yellow-400 transition">
+                      {Math.floor(member.total_seconds / 3600)}h{" "}
+                      {Math.floor((member.total_seconds % 3600) / 60)}m
+                    </span>
+                  </div>
+                ),
+              )}
+            </div>
+          </div>
+        </section>
+      )}
+
       {/* Recent Leaderboards */}
       {leaderboards && leaderboards.length > 0 && (
         <section className="max-w-5xl mx-auto px-6 pb-5 relative z-10">
@@ -404,9 +442,9 @@ export default async function Home() {
               Losser Leaderboard
             </h2>
             <p className="text-gray-400 text-sm mb-8">
-              Top most &quot;dedicated&quot; developers who have spent the
-              least amount of time coding. Remember, its not about how much you
-              code, but how effective you are! 😉
+              Top most &quot;dedicated&quot; developers who have spent the least
+              amount of time coding. Remember, its not about how much you code,
+              but how effective you are! 😉
             </p>
 
             {(!losser_members || losser_members.length) === 0 && (

sql/public.top_user_stats.sql

@@ -0,0 +1,7 @@
+CREATE OR REPLACE VIEW top_user_stats AS
+SELECT
+  us.user_id,
+  us.total_seconds,
+  a.email
+FROM user_stats us
+JOIN auth.users a ON us.user_id = a.id;