PolarisPyra/daphnis
1
2
Fork 1
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

added top and hot plays

Browse Source
This commit is contained in:
Polaris
2024-08-16 15:08:33 -04:00
parent caa987121c
commit 0ef5305fda
4 changed files with 255 additions and 54 deletions
Download Patch File Download Diff File Expand all files Collapse all files

90
components/userRatingBase/page.tsx
View File

@ -20,58 +20,56 @@ type userRatingBaseList = {
score: number | null;
};
type ChunithmProfileRecentPlays = {
chuniProfileRecentPlays: {
recentRating: userRatingBaseList[];
type chunithmTopPlays = {
chuniProfileTopPlays: {
topPlays: userRatingBaseList[];
};
};
export const ChunithmRecentPlays: FC<ChunithmProfileRecentPlays> = ({
chuniProfileRecentPlays,
export const ChunithmTopPlays: FC<chunithmTopPlays> = ({
chuniProfileTopPlays,
}) => {
return (
<div>
{chuniProfileRecentPlays.recentRating.map(
(playersRecentRatingList, index) => {
const jacketPath = playersRecentRatingList.jacketPath?.replace(
".dds",
".png",
);
return (
<div key={index} className="center flex p-2">
<div className="m-4 font-bold">{index + 1}.</div>
{jacketPath && (
<img
src={`/JacketArt/${jacketPath}`}
alt="Jacket"
style={{ width: "120px", height: "120px" }}
/>
)}
<div>
<ul className="pl-2">
<li>
<strong>Title: </strong> {playersRecentRatingList.title}
</li>
<li>
<strong>Level: </strong> {playersRecentRatingList.level}
</li>
<li>
<strong>Difficulty: </strong>
{getDifficultyText(Number(playersRecentRatingList.chartId))}
</li>
<li>
<strong>Score: </strong>{" "}
{playersRecentRatingList.score?.toLocaleString()}
</li>
<li>
<strong>Rating: </strong>{" "}
{(playersRecentRatingList.rating / 100).toFixed(2)}
</li>
</ul>
</div>
{chuniProfileTopPlays.topPlays.map((chuniProfileTopPlays, index) => {
const jacketPath = chuniProfileTopPlays.jacketPath?.replace(
".dds",
".png",
);
return (
<div key={index} className="center flex p-2">
<div className="m-4 font-bold">{index + 1}.</div>
{jacketPath && (
<img
src={`/JacketArt/${jacketPath}`}
alt="Jacket"
style={{ width: "120px", height: "120px" }}
/>
)}
<div>
<ul className="pl-2">
<li>
<strong>Title: </strong> {chuniProfileTopPlays.title}
</li>
<li>
<strong>Level: </strong> {chuniProfileTopPlays.level}
</li>
<li>
<strong>Difficulty: </strong>
{getDifficultyText(Number(chuniProfileTopPlays.chartId))}
</li>
<li>
<strong>Score: </strong>{" "}
{chuniProfileTopPlays.score?.toLocaleString()}
</li>
<li>
<strong>Rating: </strong>{" "}
{(chuniProfileTopPlays.rating / 100).toFixed(2)}
</li>
</ul>
</div>
);
},
)}
</div>
);
})}
</div>
);
};