changed list into grid
This commit is contained in:
parent
4f728b8c4e
commit
a313021c9e
@ -13,10 +13,10 @@ import { getSystemVoices } from "@/components/(customization)/systemvoicecustomi
|
|||||||
import { SystemVoiceCustomization } from "@/components/(customization)/systemvoicecustomization/page";
|
import { SystemVoiceCustomization } from "@/components/(customization)/systemvoicecustomization/page";
|
||||||
import { MapIconCustomization } from "@/components/(customization)/mapiconcustomization/page";
|
import { MapIconCustomization } from "@/components/(customization)/mapiconcustomization/page";
|
||||||
import { getMapIcons } from "@/components/(customization)/mapiconcustomization/actions";
|
import { getMapIcons } from "@/components/(customization)/mapiconcustomization/actions";
|
||||||
import { getUserRatingBaseList } from "@/components/userRatingBase/action";
|
import { getUserRatingBaseList } from "@/components/userRatingBaseList/action";
|
||||||
import { ChunithmHotPlays } from "@/components/userRatingBaseHotList/page";
|
import { ChunithmHotPlays } from "@/components/userRatingBaseHotList/page";
|
||||||
import { getUserRatingBaseHotList } from "@/components/userRatingBaseHotList/action";
|
import { getUserRatingBaseHotList } from "@/components/userRatingBaseHotList/action";
|
||||||
import { ChunithmTopPlays } from "@/components/userRatingBase/page";
|
import { ChunithmTopPlays } from "@/components/userRatingBaseList/page";
|
||||||
|
|
||||||
const getChuniTopPlays = async () => {
|
const getChuniTopPlays = async () => {
|
||||||
const topPlays = await getUserRatingBaseList();
|
const topPlays = await getUserRatingBaseList();
|
||||||
|
@ -25,15 +25,15 @@ export const ChunithmHotPlays: FC<ChunithmProfileHotPlays> = ({
|
|||||||
chuniProfileHotPlays,
|
chuniProfileHotPlays,
|
||||||
}) => {
|
}) => {
|
||||||
return (
|
return (
|
||||||
<div>
|
<div className="grid grid-cols-1 gap-2 md:grid-cols-8">
|
||||||
{chuniProfileHotPlays.hotRating.map((playerHotRatingList, index) => {
|
{chuniProfileHotPlays.hotRating.map((playerHotRatingList, index) => {
|
||||||
const jacketPath = playerHotRatingList.jacketPath?.replace(
|
const jacketPath = playerHotRatingList.jacketPath?.replace(
|
||||||
".dds",
|
".dds",
|
||||||
".png",
|
".png",
|
||||||
);
|
);
|
||||||
return (
|
return (
|
||||||
<div key={index} className="center flex p-2">
|
<div key={index} className="flex flex-col items-center p-2">
|
||||||
<div className="m-4 font-bold">{index + 1}.</div>
|
<div className="m-4 font-bold"></div>
|
||||||
{jacketPath && (
|
{jacketPath && (
|
||||||
<img
|
<img
|
||||||
src={`/JacketArt/${jacketPath}`}
|
src={`/JacketArt/${jacketPath}`}
|
||||||
@ -42,7 +42,7 @@ export const ChunithmHotPlays: FC<ChunithmProfileHotPlays> = ({
|
|||||||
/>
|
/>
|
||||||
)}
|
)}
|
||||||
<div>
|
<div>
|
||||||
<ul className="pl-2">
|
<ul className="mt-2 text-center">
|
||||||
<li>
|
<li>
|
||||||
<strong>Title: </strong> {playerHotRatingList.title}
|
<strong>Title: </strong> {playerHotRatingList.title}
|
||||||
</li>
|
</li>
|
||||||
|
@ -25,48 +25,47 @@ type chunithmTopPlays = {
|
|||||||
topPlays: userRatingBaseList[];
|
topPlays: userRatingBaseList[];
|
||||||
};
|
};
|
||||||
};
|
};
|
||||||
|
|
||||||
export const ChunithmTopPlays: FC<chunithmTopPlays> = ({
|
export const ChunithmTopPlays: FC<chunithmTopPlays> = ({
|
||||||
chuniProfileTopPlays,
|
chuniProfileTopPlays,
|
||||||
}) => {
|
}) => {
|
||||||
return (
|
return (
|
||||||
<div>
|
<div className="grid grid-cols-1 gap-2 md:grid-cols-8">
|
||||||
{chuniProfileTopPlays.topPlays.map((chuniProfileTopPlays, index) => {
|
{chuniProfileTopPlays.topPlays.map((chuniProfileTopPlays, index) => {
|
||||||
const jacketPath = chuniProfileTopPlays.jacketPath?.replace(
|
const jacketPath = chuniProfileTopPlays.jacketPath?.replace(
|
||||||
".dds",
|
".dds",
|
||||||
".png",
|
".png",
|
||||||
);
|
);
|
||||||
return (
|
return (
|
||||||
<div key={index} className="center flex p-2">
|
<div key={index} className="flex flex-col items-center p-2">
|
||||||
<div className="m-4 font-bold">{index + 1}.</div>
|
<div className="font-bold"></div>
|
||||||
{jacketPath && (
|
{jacketPath && (
|
||||||
<img
|
<img
|
||||||
src={`/JacketArt/${jacketPath}`}
|
src={`/JacketArt/${jacketPath}`}
|
||||||
alt="Jacket"
|
alt="Jacket"
|
||||||
style={{ width: "120px", height: "120px" }}
|
className="h-28 w-28"
|
||||||
/>
|
/>
|
||||||
)}
|
)}
|
||||||
<div>
|
<ul className="mt-2 text-center">
|
||||||
<ul className="pl-2">
|
<li>
|
||||||
<li>
|
<strong>Title: </strong> {chuniProfileTopPlays.title}
|
||||||
<strong>Title: </strong> {chuniProfileTopPlays.title}
|
</li>
|
||||||
</li>
|
<li>
|
||||||
<li>
|
<strong>Level: </strong> {chuniProfileTopPlays.level}
|
||||||
<strong>Level: </strong> {chuniProfileTopPlays.level}
|
</li>
|
||||||
</li>
|
<li>
|
||||||
<li>
|
<strong>Difficulty: </strong>{" "}
|
||||||
<strong>Difficulty: </strong>
|
{getDifficultyText(Number(chuniProfileTopPlays.chartId))}
|
||||||
{getDifficultyText(Number(chuniProfileTopPlays.chartId))}
|
</li>
|
||||||
</li>
|
<li>
|
||||||
<li>
|
<strong>Score: </strong>{" "}
|
||||||
<strong>Score: </strong>{" "}
|
{chuniProfileTopPlays.score?.toLocaleString()}
|
||||||
{chuniProfileTopPlays.score?.toLocaleString()}
|
</li>
|
||||||
</li>
|
<li>
|
||||||
<li>
|
<strong>Rating: </strong>{" "}
|
||||||
<strong>Rating: </strong>{" "}
|
{(chuniProfileTopPlays.rating / 100).toFixed(2)}
|
||||||
{(chuniProfileTopPlays.rating / 100).toFixed(2)}
|
</li>
|
||||||
</li>
|
</ul>
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
);
|
);
|
||||||
})}
|
})}
|
Loading…
Reference in New Issue
Block a user