Radiquum/AniX
1
0
Fork 0
mirror of https://github.com/Radiquum/AniX.git synced 2025-05-02 19:09:41 +05:00
Code Issues Projects Releases Packages Wiki Activity Actions

feat: add collections comments

Browse source
This commit is contained in:
Kentai Radiquum 2024-08-18 18:36:22 +05:00
parent 501d3a1705
commit 33d34938c6
Signed by: Radiquum
GPG key ID: 858E8EE696525EED
8 changed files with 143 additions and 73 deletions
Download patch file Download diff file Expand all files Collapse all files

52
app/components/CollectionInfo/CollectionInfo.Basics.tsx
View file

@ -15,32 +15,34 @@ export const CollectionInfoBasics = (props: {
}) => {
return (
<Card className="flex-1 w-full">
<div className="flex flex-col items-end justify-between sm:items-center sm:flex-row">
<div className="flex flex-col gap-1">
<p>создана: {unixToDate(props.creationDate, "full")}</p>
<p>обновлена: {unixToDate(props.updateDate, "full")}</p>
<div className="flex flex-col justify-start gap-2">
<div className="flex flex-col items-end justify-between sm:items-center sm:flex-row">
<div className="flex flex-col gap-1">
<p>создана: {unixToDate(props.creationDate, "full")}</p>
<p>обновлена: {unixToDate(props.updateDate, "full")}</p>
</div>
<Link href={`/profile/${props.authorId}`}>
<Avatar
img={props.authorAvatar}
rounded={true}
bordered={true}
size="md"
className="flex-row-reverse gap-2"
>
<div className="font-medium dark:text-white">
<div className="text-lg">{props.authorLogin}</div>
<div className="text-right text-gray-500">Автор</div>
</div>
</Avatar>
</Link>
</div>
<div className="min-w-full aspect-video">
<img src={props.image} className="w-full rounded-lg" />
</div>
<div className="flex flex-col gap-1">
<p className="text-xl font-bold">{props.title}</p>
<p className="whitespace-pre-wrap">{props.description}</p>
</div>
<Link href={`/profile/${props.authorId}`}>
<Avatar
img={props.authorAvatar}
rounded={true}
bordered={true}
size="md"
className="flex-row-reverse gap-2"
>
<div className="font-medium dark:text-white">
<div className="text-lg">{props.authorLogin}</div>
<div className="text-right text-gray-500">Автор</div>
</div>
</Avatar>
</Link>
</div>
<div className="min-w-full aspect-video">
<img src={props.image} className="w-full rounded-lg" />
</div>
<div className="flex flex-col gap-1">
<p className="text-xl font-bold">{props.title}</p>
<p className="whitespace-pre-wrap">{props.description}</p>
</div>
</Card>
);