2024-07-23 18:35:30 +00:00
|
|
|
"use server";
|
2024-07-23 19:34:53 +00:00
|
|
|
//https://github.com/vercel/next.js/discussions/63862
|
2024-07-23 18:35:30 +00:00
|
|
|
|
|
|
|
import React from "react";
|
2024-07-23 03:36:04 +00:00
|
|
|
import { AvatarCustomization } from "@/components/avatarcustomization/page";
|
2024-07-21 04:02:26 +00:00
|
|
|
import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs";
|
2024-07-23 18:35:30 +00:00
|
|
|
import ChunithmScorePlaylog from "@/components/scoreplaylog/page";
|
2024-07-23 20:15:27 +00:00
|
|
|
import { getAllAvatarParts } from "@/components/avatarcustomization/actions";
|
2024-07-23 18:35:30 +00:00
|
|
|
|
2024-07-23 19:34:53 +00:00
|
|
|
// the number is the category id for the specific part
|
2024-07-23 18:35:30 +00:00
|
|
|
|
2024-07-23 19:34:53 +00:00
|
|
|
const getAvatarHeadAccessories = async () => {
|
2024-07-24 19:18:05 +00:00
|
|
|
const avatarParts = await getAllAvatarParts(2); // head
|
2024-07-23 19:34:53 +00:00
|
|
|
return { avatarParts };
|
|
|
|
};
|
|
|
|
|
|
|
|
const getAvatarFaceAccessories = async () => {
|
2024-07-24 19:18:05 +00:00
|
|
|
const avatarParts = await getAllAvatarParts(3); // face
|
2024-07-23 19:34:53 +00:00
|
|
|
return { avatarParts };
|
|
|
|
};
|
|
|
|
|
|
|
|
const getAvatarItemAccessories = async () => {
|
2024-07-24 19:18:05 +00:00
|
|
|
const avatarParts = await getAllAvatarParts(5); // item_l item_r
|
2024-07-23 19:34:53 +00:00
|
|
|
return { avatarParts };
|
|
|
|
};
|
|
|
|
const getAvatarBackAccessories = async () => {
|
2024-07-24 19:18:05 +00:00
|
|
|
const avatarParts = await getAllAvatarParts(7); // back
|
2024-07-23 19:34:53 +00:00
|
|
|
return { avatarParts };
|
|
|
|
};
|
|
|
|
const getAvatarWearAccessories = async () => {
|
2024-07-24 19:18:05 +00:00
|
|
|
const avatarParts = await getAllAvatarParts(1); // wear
|
2024-07-23 18:35:30 +00:00
|
|
|
return { avatarParts };
|
|
|
|
};
|
|
|
|
|
|
|
|
const Page = async () => {
|
2024-07-23 19:34:53 +00:00
|
|
|
const AvatarHeadAccessories = await getAvatarHeadAccessories();
|
|
|
|
const AvatarFaceAccessories = await getAvatarFaceAccessories();
|
|
|
|
const AvatarItemAccessories = await getAvatarItemAccessories();
|
|
|
|
const AvatarBackAccessories = await getAvatarBackAccessories();
|
|
|
|
const AvatarWearAccessories = await getAvatarWearAccessories();
|
2024-06-29 05:22:22 +00:00
|
|
|
|
|
|
|
return (
|
2024-07-01 18:48:26 +00:00
|
|
|
<div className="p-10">
|
2024-07-21 15:35:22 +00:00
|
|
|
<Tabs defaultValue="scores">
|
2024-07-21 04:02:26 +00:00
|
|
|
<TabsList>
|
|
|
|
<TabsTrigger value="scores">Scores</TabsTrigger>
|
|
|
|
<TabsTrigger value="customize">Customize</TabsTrigger>
|
|
|
|
</TabsList>
|
|
|
|
<TabsContent value="scores">
|
|
|
|
<ChunithmScorePlaylog />
|
|
|
|
</TabsContent>
|
2024-07-21 16:19:30 +00:00
|
|
|
<TabsContent value="customize">
|
2024-07-23 03:36:04 +00:00
|
|
|
<div className="p-10">
|
2024-07-23 19:34:53 +00:00
|
|
|
<AvatarCustomization
|
|
|
|
avatarHeadSelectionData={AvatarHeadAccessories}
|
|
|
|
avatarFaceSelectionData={AvatarFaceAccessories}
|
|
|
|
avatarItemSelectionData={AvatarItemAccessories}
|
|
|
|
avatarBackSelectionData={AvatarBackAccessories}
|
|
|
|
avatarWearSelectionData={AvatarWearAccessories}
|
|
|
|
/>
|
2024-07-23 03:36:04 +00:00
|
|
|
</div>
|
2024-07-24 19:18:05 +00:00
|
|
|
<div></div>
|
2024-07-21 16:19:30 +00:00
|
|
|
</TabsContent>
|
2024-07-21 04:02:26 +00:00
|
|
|
</Tabs>
|
2024-06-29 19:26:59 +00:00
|
|
|
</div>
|
2024-06-29 05:22:22 +00:00
|
|
|
);
|
|
|
|
};
|
|
|
|
|
2024-07-23 18:35:30 +00:00
|
|
|
export default Page;
|