Radiquum/YAMPD
1
0
Fork 0
mirror of https://github.com/Radiquum/YAMPD.git synced 2025-05-20 15:49:34 +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

30
gui/app/components/Sidebar.tsx
View file

@ -1,6 +1,6 @@
"use client";
import { PACKS_ENDPOINT } from "@/api/ENDPOINTS";
import { PACK_ENDPOINT, PACKS_ENDPOINT } from "@/api/ENDPOINTS";
import { Pack } from "@/types/pack";
import {
Sidebar,
@ -31,11 +31,29 @@ export const Menu = () => {
{packsData &&
packsData.map((pack) => {
return (
<SidebarItem href={`/pack/?id=${pack._id}`} key={pack._id}>
<p className="line-clamp-1">{pack.title}</p>
<p className="text-sm text-gray-400 line-clamp-1">
by {pack.author}
</p>
<SidebarItem
href={`/pack/?id=${pack._id}`}
key={pack._id}
theme={{
content: {
base: "p-0!",
},
}}
>
<div className="flex gap-2 items-center">
{/* eslint-disable-next-line @next/next/no-img-element */}
<img
alt=""
src={PACK_ENDPOINT("getPackImage", pack._id)}
className="w-10 h-10 rounded-md"
/>
<div>
<p className="line-clamp-1">{pack.title}</p>
<p className="text-sm text-gray-400 line-clamp-1">
by {pack.author}
</p>
</div>
</div>
</SidebarItem>
);
})}