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

added chunithm version selector in admin settings

Browse Source
This commit is contained in:
Polaris
2024-08-20 16:49:01 -04:00
parent 552f737650
commit d6629a72eb
37 changed files with 614 additions and 107 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
app/(authenticated)/(admin)/admin/(admin components)/extraction/page.tsx
View File

@ -1,10 +1,6 @@
import ExtractData from "./extraction";
const FileExtractionPage = async () => {
return (
<div className="flex min-h-screen w-full flex-col">
<ExtractData />
</div>
);
return <ExtractData />;
};
export default FileExtractionPage;

68
app/(authenticated)/(admin)/admin/(admin components)/gameversions/actions.ts Normal file
View File

@ -0,0 +1,68 @@
"use server";
import { getAuth } from "@/auth/queries/getauth";
import { daphnis } from "@/lib/prisma";
import { GameVersion } from "@/prisma/schemas/daphnis/generated/daphnis";
export async function getCurrentGame() {
const { user } = await getAuth();
if (!user || !user.accessCode) {
throw new Error("User is not authenticated or accessCode is missing");
}
const currentGameVersion = await daphnis.user.findMany({
where: {
UserId: user.UserId,
},
select: {
gameVersion: true,
},
});
return currentGameVersion;
}
export async function updatePlayerGameVersionChuni(gameVersion?: GameVersion) {
const { user } = await getAuth();
if (!user || !user.accessCode) {
throw new Error("User is not authenticated or accessCode is missing");
}
if (gameVersion === undefined) {
throw new Error("gameVersion is required");
}
try {
const updatedUser = await daphnis.user.update({
where: {
UserId: user.UserId,
},
data: {
gameVersion,
},
select: {
gameVersion: true,
},
});
return { gameVersion: updatedUser.gameVersion };
} catch (error) {
console.error("Error updating game version:", error);
throw error;
}
}
export async function getAllGameVersionsChuni() {
const { user } = await getAuth();
if (!user || !user.accessCode) {
throw new Error("User is not authenticated or accessCode is missing");
}
const AllGameVersions = await daphnis.user.findMany({
select: {
gameVersion: true,
},
});
return AllGameVersions;
}

162
app/(authenticated)/(admin)/admin/(admin components)/gameversions/gameSelection.tsx Normal file
View File

@ -0,0 +1,162 @@
"use client";
import React, { FC, useState } from "react";
import { Check, ChevronsUpDown } from "lucide-react";
import { cn } from "@/lib/utils";
import { Button } from "@/components/ui/button";
import {
Command,
CommandEmpty,
CommandGroup,
CommandItem,
CommandList,
} from "@/components/ui/command";
import {
Form,
FormControl,
FormField,
FormItem,
FormLabel,
FormMessage,
} from "@/components/ui/form";
import { toast } from "@/components/ui/use-toast";
import { z } from "zod";
import { useForm } from "react-hook-form";
import { zodResolver } from "@hookform/resolvers/zod";
import { GameVersion, User } from "@/prisma/schemas/daphnis/generated/daphnis";
import {
Popover,
PopoverContent,
PopoverTrigger,
} from "@/components/ui/popover";
import { updatePlayerGameVersionChuni } from "./actions";
type ChunithmGameVersionSelectionProps = {
chunithmGameVersionNumber: {
gameVersions: { gameVersion: GameVersion }[];
};
};
export function ChunithmGameVersionSelection({
chunithmGameVersionNumber,
}: ChunithmGameVersionSelectionProps) {
const FormSchema = z.object({
mapIconId: z.string({
required_error: "Please select a Game Version.",
}),
});
const form = useForm<z.infer<typeof FormSchema>>({
resolver: zodResolver(FormSchema),
});
const [selectedGameVersion, setSelectedGameVersion] = useState<
string | undefined
>(Object.values(GameVersion)[0]);
function onSubmit(data: z.infer<typeof FormSchema>) {
const newGameVersion = data.mapIconId ?? selectedGameVersion;
// console.log("Submitted Game Version:", newGameVersion);
updatePlayerGameVersionChuni(newGameVersion as GameVersion)
.then((result) => {
toast({
title: "Game version updated successfully!",
description: (
<pre className="mt-2 w-[340px] rounded-md bg-slate-950 p-4">
<code className="text-white">
{JSON.stringify(result, null, 2)}
</code>
</pre>
),
});
setSelectedGameVersion(newGameVersion);
form.reset({
mapIconId: undefined,
});
})
.catch((error) => {
toast({
title: "Error updating game version",
description: (
<pre className="mt-2 w-[340px] rounded-md bg-slate-950 p-4">
<code className="text-white">{error.message}</code>
</pre>
),
variant: "destructive",
});
});
}
return (
<main className="flex flex-col items-center space-y-6 p-4">
<Form {...form}>
<form onSubmit={form.handleSubmit(onSubmit)} className="space-y-6">
<FormField
control={form.control}
name="mapIconId"
render={({ field }) => (
<FormItem className="flex flex-col">
<FormLabel className="pb-2">Chunithm</FormLabel>
<Popover>
<PopoverTrigger asChild>
<FormControl>
<Button
variant="outline"
role="combobox"
className={cn(
"w-[300px] justify-between",
!field.value && "text-muted-foreground",
)}
>
{field.value
? GameVersion[field.value as keyof typeof GameVersion]
: "Select Game Version"}
<ChevronsUpDown className="ml-2 h-4 w-4 shrink-0 opacity-50" />
</Button>
</FormControl>
</PopoverTrigger>
<PopoverContent className="w-[300px] p-0">
<Command>
<CommandList>
<CommandEmpty>No game version found.</CommandEmpty>
<CommandGroup>
{Object.values(GameVersion).map((version) => (
<CommandItem
value={version}
key={version}
onSelect={() => {
form.setValue("mapIconId", version);
setSelectedGameVersion(version);
}}
>
<Check
className={cn(
"mr-2 h-4 w-4",
version === field.value
? "opacity-100"
: "opacity-0",
)}
/>
{version}
</CommandItem>
))}
</CommandGroup>
</CommandList>
</Command>
</PopoverContent>
</Popover>
<FormMessage />
</FormItem>
)}
/>
<div className="flex justify-end">
<Button type="submit">Submit</Button>
</div>
</form>
</Form>
</main>
);
}

28
app/(authenticated)/(admin)/admin/(admin components)/gameversions/page.tsx Normal file
View File

@ -0,0 +1,28 @@
"use server";
//https://github.com/vercel/next.js/discussions/63862
import React from "react";
import { Card, CardHeader, CardTitle } from "@/components/ui/card";
import { ChunithmGameVersionSelection } from "./gameSelection";
import { getAllGameVersionsChuni } from "./actions";
const getAllGamesChunithm = async () => {
const gameVersions = await getAllGameVersionsChuni();
return { gameVersions };
};
const Page = async () => {
const AllChunithmVersions = await getAllGamesChunithm();
return (
<Card x-chunk="gameverion">
<CardHeader>
<CardTitle className="text-2xl">Update Game Versions</CardTitle>
</CardHeader>
<ChunithmGameVersionSelection
chunithmGameVersionNumber={AllChunithmVersions}
/>
</Card>
);
};
export default Page;

16
app/(authenticated)/(admin)/admin/(admin components)/home/page.tsx
View File

@ -1,14 +1,6 @@
import { getAuth } from "@/auth/queries/getauth";
import AdminHome from "./home";
import UnlockUser from "./unlock";
const ProtectedDashboardPage = async () => {
const { user } = await getAuth();
return (
<div>
<AdminHome />
</div>
);
const FileExtractionPage = async () => {
return <UnlockUser />;
};
export default ProtectedDashboardPage;
export default FileExtractionPage;

4
app/(authenticated)/(admin)/admin/(admin components)/home/home.tsx → app/(authenticated)/(admin)/admin/(admin components)/home/unlock.tsx
View File

@ -4,7 +4,7 @@ import { Input } from "@/components/ui/input";
import { Label } from "@radix-ui/react-dropdown-menu";
import React from "react";
const AdminHome = () => {
const UnlockUser = () => {
return (
<Card x-chunk="aimecard">
<CardHeader>
@ -31,4 +31,4 @@ const AdminHome = () => {
);
};
export default AdminHome;
export default UnlockUser;

6
app/(authenticated)/(admin)/admin/(admin components)/unlock/page.tsx
View File

@ -1,10 +1,6 @@
import UnlockUser from "./unlock";
const FileExtractionPage = async () => {
return (
<div className="flex min-h-screen w-full flex-col">
<UnlockUser />
</div>
);
return <UnlockUser />;
};
export default FileExtractionPage;

12
app/(authenticated)/chunithm/page.tsx
View File

@ -89,16 +89,19 @@ const Page = async () => {
const HotChuniPlays = await getChuniHotPlays();
return (
<div className="p-4">
<div className="p-3">
<Tabs defaultValue="scores">
<TabsList className="">
<TabsTrigger value="scores">Scores</TabsTrigger>
<TabsTrigger value="customize">Customize</TabsTrigger>
<TabsTrigger value="TopPlays">Top Plays</TabsTrigger>
<TabsTrigger value="HotPlays">Hot Plays</TabsTrigger>
<TabsTrigger value="Patcher">Patcher</TabsTrigger>
<TabsTrigger value="Settings">Settings</TabsTrigger>
<TabsTrigger value="Patcher" className="hidden md:block">
Patcher
</TabsTrigger>
</TabsList>
<TabsContent className="pt-2" value="scores">
<TabsContent className="pt-1" value="scores">
<ChunithmScorePlaylog />
</TabsContent>
<TabsContent value="customize">
@ -140,6 +143,9 @@ const Page = async () => {
<TabsContent className="" value="Patcher">
<Patcher />
</TabsContent>
<TabsContent className="" value="Settings">
<Patcher />
</TabsContent>
</Tabs>
</div>
);