i hate coding

app/(authenticated)/chunithm/page.tsx

@@ -1,4 +1,4 @@
-import AvatarCustomization from "@/components/avatarcustomization/page";
+import { AvatarCustomization } from "@/components/avatarcustomization/page";
 import ChunithmScorePlaylog from "@/components/scoreplaylog/page";
 import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs";
 
@@ -14,7 +14,9 @@ const ChunithmPage = () => {
           <ChunithmScorePlaylog />
         </TabsContent>
         <TabsContent value="customize">
+          <div className="p-10">
             <AvatarCustomization />
+          </div>
         </TabsContent>
       </Tabs>
     </div>

components/avatarcustomization/page.tsx

@@ -1,7 +1,5 @@
 import React from "react";
 
-const AvatarCustomization = () => {
+export const AvatarCustomization = () => {
   return <div>AvatarCustomization</div>;
 };
-
-export default AvatarCustomization;

lib/api.ts

@@ -180,10 +180,8 @@ export async function getAllAimeCards() {
   return aimeUser;
 }
 
-export async function test(data?: FormData) {
-  console.log(data);
-}
-export async function setAvatarPart(avatarAccessoryId: number) {
+
+export async function getAvatarPart() {
   const { user } = await getAuth();
 
   if (!user || !user.accessCode) {
@@ -192,10 +190,11 @@ export async function setAvatarPart(avatarAccessoryId: number) {
 
   const avatarParts = await artemis.chuni_static_avatar.findMany({
     where: {
-       avatarAccessoryId: avatarAccessoryId 
+      category: 1
         },
         select: {
           name: true,
+          avatarAccessoryId: true, 
           category: true, 
           version: true, 
           iconPath: true,