Radiquum/YAMPD
1
0
Fork 0
mirror of https://github.com/Radiquum/YAMPD.git synced 2025-05-20 23:59:35 +05:00
Code Issues Projects Releases Packages Wiki Activity Actions

add mockup table

Browse source
This commit is contained in:
Kentai Radiquum 2025-05-05 23:44:10 +05:00
parent 9d9bfa8aa8
commit d2da453808
Signed by: Radiquum
GPG key ID: 858E8EE696525EED
3 changed files with 447 additions and 11 deletions
Download patch file Download diff file Expand all files Collapse all files

14
gui/app/pack/page.tsx
View file

@ -8,6 +8,7 @@ import { useRouter } from "next/navigation";
import { useEffect, useState } from "react";
import { HiDownload, HiTrash } from "react-icons/hi";
import { ModTable } from "../components/ModTable";
export default function PackPage() {
const [packData, setPackData] = useState<Pack | null>(null);
@ -59,10 +60,10 @@ export default function PackPage() {
if (window.confirm(`Delete pack ${packData.title}?`)) {
fetch(`${PACKS_ENDPOINT("deletePack", packData._id)}`);
const ur = new URL(window.location.href)
ur.searchParams.delete("id")
ur.pathname = "/"
window.location.href = ur.href
const ur = new URL(window.location.href);
ur.searchParams.delete("id");
ur.pathname = "/";
window.location.href = ur.href;
}
}
@ -75,7 +76,7 @@ export default function PackPage() {
)}
{packData && (
<div>
<Card className="sticky top-0 left-0 right-0">
<Card className="sticky top-0 left-0 right-0 z-10">
<div className="flex gap-4 items-center justify-between">
<div>
<p className="text-xl font-semibold">{packData.version}</p>
@ -112,6 +113,9 @@ export default function PackPage() {
</div>
</div>
</Card>
<div className="mt-4">
<ModTable />
</div>
</div>
)}
</div>