finished top 30

app/(authenticated)/chunithm/page.tsx

@@ -14,16 +14,13 @@ import { SystemVoiceCustomization } from "@/components/(customization)/systemvoi
 import { MapIconCustomization } from "@/components/(customization)/mapiconcustomization/page";
 import { getMapIcons } from "@/components/(customization)/mapiconcustomization/actions";
 import { ChunithmRecentPlays } from "@/components/RecentChunithmScores/page";
-import { getUserRecentPlays } from "@/components/RecentChunithmScores/action";
-
+import { getUserRatingBaseList } from "@/components/RecentChunithmScores/action";
 
 const getChuniRecent = async () => {
-  const recentRating = await getUserRecentPlays();
+  const recentRating = await getUserRatingBaseList();
   return { recentRating };
 };
 
-
-
 const getAvatarHeadAccessories = async () => {
   const avatarParts = await getAllAvatarParts(2); // head
   return { avatarParts };
@@ -79,8 +76,8 @@ const Page = async () => {
   const AllStaticNameplates = await getAllNameplates();
   const AllSystemVoices = await getAllSystemVoices();
   const AllMapIcons = await getAllMapIcons();
-  const RecentChuniPlays = await  getChuniRecent();
 
+  const RecentChuniPlays = await getChuniRecent();
 
   return (
     <div className="p-10">
@@ -89,7 +86,6 @@ const Page = async () => {
           <TabsTrigger value="scores">Scores</TabsTrigger>
           <TabsTrigger value="customize">Customize</TabsTrigger>
           <TabsTrigger value="RecentPlays">Top / Recent Plays</TabsTrigger>
-
         </TabsList>
         <TabsContent value="scores">
           <ChunithmScorePlaylog />
@@ -125,7 +121,7 @@ const Page = async () => {
           <div></div>
         </TabsContent>
         <TabsContent value="RecentPlays">
-         <ChunithmRecentPlays chuniProfileRecentPlays={RecentChuniPlays}/>
+          <ChunithmRecentPlays chuniProfileRecentPlays={RecentChuniPlays} />
         </TabsContent>
       </Tabs>
     </div>

app/page.tsx

@@ -2,7 +2,7 @@ import { SignInForm } from "@/auth/components/signin/signin";
 
 const PublicHomePage = () => {
   return (
-    <div className="h-screen flex items-center justify-center">
+    <div className="flex h-screen items-center justify-center">
       <SignInForm />
     </div>
   );

components/RecentChunithmScores/action.ts

@@ -1,35 +1,52 @@
 "use server";
-
 import { getAuth } from "@/auth/queries/getauth";
 import { supportedVersionNumber } from "@/lib/helpers";
 import { artemis } from "@/lib/prisma";
 
-export async function getUserRecentPlays() {
+export async function getUserRatingBaseList() {
   const { user } = await getAuth();
 
   if (!user || !user.accessCode) {
     throw new Error("User is not authenticated or accessCode is missing");
   }
 
-  const userRatingBaseHotList = await artemis.chuni_profile_rating.findMany({
-    where: {
-      user: user.UserId,
-      // userRatingBaseList recent 30 // userRatingBaseHotList recent 15
-      type: "userRatingBaseList",
-      version: supportedVersionNumber, // TODO: eventually change this so the user can set their own version
-    },
-    select: {
-    score:true,
-    difficultId: true, 
-    musicId: true,
-    type:true, 
-    version: true, 
-    romVersionCode: true,
-    id: true,
-    index:true, 
-    user: true,
+  try {
+    // fuck prisma sometimes man
+    const results = await artemis.$queryRaw<any[]>`
+      SELECT
+        cpr.score,
+        csm.chartId,
+        csm.title,
+        csm.level,
+        csm.genre,
+        csm.jacketPath,
+        csm.artist,
+        'Increase' AS rating_change,
+        CASE
+          WHEN cpr.score >= 1009000 THEN CAST(csm.level AS DECIMAL(10,2)) * 100 + 215
+          WHEN cpr.score >= 1007500 THEN CAST(csm.level AS DECIMAL(10,2)) * 100 + 200 + (cpr.score - 1007500) / 100
+          WHEN cpr.score >= 1005000 THEN CAST(csm.level AS DECIMAL(10,2)) * 100 + 150 + (cpr.score - 1005000) / 50
+          WHEN cpr.score >= 1000000 THEN CAST(csm.level AS DECIMAL(10,2)) * 100 + 100 + (cpr.score - 1000000) / 100
+          WHEN cpr.score >= 975000 THEN CAST(csm.level AS DECIMAL(10,2)) * 100 + (cpr.score - 975000) / 250
+          WHEN cpr.score >= 925000 THEN CAST(csm.level AS DECIMAL(10,2)) * 100 - 300 + (cpr.score - 925000) * 3 / 500
+          WHEN cpr.score >= 900000 THEN CAST(csm.level AS DECIMAL(10,2)) * 100 - 500 + (cpr.score - 900000) * 4 / 500
+          WHEN cpr.score >= 800000 THEN ((CAST(csm.level AS DECIMAL(10,2)) * 100 - 500) / 2 + (cpr.score - 800000) * ((CAST(csm.level AS DECIMAL(10,2)) - 500) / 2) / 100000)
+          ELSE 0
+        END AS rating
+      FROM
+        chuni_profile_rating cpr
+      JOIN
+        chuni_static_music csm ON cpr.musicId = csm.songId AND cpr.difficultId = csm.chartId AND cpr.version = csm.version
+      WHERE
+        cpr.user = ${user.UserId} AND cpr.version = ${supportedVersionNumber} AND cpr.type = 'userRatingBaseList'
+      ORDER BY
+        cpr.index ASC
+    `;
 
-    },
-  });
-  return userRatingBaseHotList;
-}
+    // Return results
+    return results;
+  } catch (error) {
+    console.error("Error fetching songs with titles:", error);
+    throw error;
+  }
+}

components/RecentChunithmScores/page.tsx

@@ -1,23 +1,66 @@
-import { chuni_profile_rating, chuni_profile_recent_rating } from '@/prisma/schemas/artemis/generated/artemis';
-import React, { FC } from 'react';
+import React, { FC } from "react";
+import {
+  chuni_profile_rating,
+  chuni_static_music,
+} from "@/prisma/schemas/artemis/generated/artemis";
 
-type chunithm_recent = chuni_profile_rating
+type ChunithmRecent = chuni_profile_rating &
+  chuni_static_music & { rating: number; jacketPath: string | undefined };
 
 type ChunithmProfileRecentPlays = {
   chuniProfileRecentPlays: {
-    recentRating: chunithm_recent[];
+    recentRating: ChunithmRecent[];
   };
 };
 
-export const ChunithmRecentPlays: FC<ChunithmProfileRecentPlays> = ({ chuniProfileRecentPlays }) => {
+export const ChunithmRecentPlays: FC<ChunithmProfileRecentPlays> = ({
+  chuniProfileRecentPlays,
+}) => {
   return (
     <div>
-      {chuniProfileRecentPlays.recentRating.map((playersRecentRatingList, index) => (
-        <div key={index}>
-      {playersRecentRatingList.score}
-       
-        </div>
-      ))}
+      {chuniProfileRecentPlays.recentRating.map(
+        (playersRecentRatingList, index) => {
+          const jacketPath = playersRecentRatingList.jacketPath?.replace(
+            ".dds",
+            ".png",
+          );
+
+          return (
+            <div
+              key={index}
+              style={{
+                display: "flex",
+                alignItems: "flex-start",
+                marginBottom: "8px",
+              }}
+            >
+              <div style={{ marginRight: "20px" }}>{index + 1}.</div>
+              {jacketPath && (
+                <img
+                  src={`/JacketArt/${jacketPath}`}
+                  alt="Jacket"
+                  style={{ width: "80px", height: "80px" }}
+                />
+              )}
+              <div>
+                <ul className="pl-2">
+                  <li>
+                    <strong>Title:</strong> {playersRecentRatingList.title}
+                  </li>
+                  <li>
+                    <strong>Score:</strong>{" "}
+                    {playersRecentRatingList.score?.toLocaleString()}
+                  </li>
+                  <li>
+                    <strong>Rating:</strong>{" "}
+                    {(playersRecentRatingList.rating / 100).toFixed(2)}
+                  </li>
+                </ul>
+              </div>
+            </div>
+          );
+        },
+      )}
     </div>
   );
 };