mirror of
https://github.com/StepanovPlaton/torrent_frontend.git
synced 2026-04-03 20:30:48 +04:00
Add game cards and dev reverse proxy
This commit is contained in:
@@ -1,3 +1,31 @@
|
||||
export const GameCard = () => {
|
||||
return <></>;
|
||||
import { GameCardType } from "@/entities/game";
|
||||
import Image from "next/image";
|
||||
|
||||
export const GameCard = ({ card }: { card: GameCardType }) => {
|
||||
return (
|
||||
<div className="group/gamecard cursor-pointer">
|
||||
{!!card.cover && (
|
||||
<Image
|
||||
src={card.cover}
|
||||
className="rounded-lg"
|
||||
alt=""
|
||||
width={700}
|
||||
height={400}
|
||||
/>
|
||||
)}
|
||||
<div className="flex items-center justify-between pr-2">
|
||||
<h2 className="text-2xl py-1 group-hover/gamecard:underline underline-offset-4">
|
||||
{card.title}
|
||||
</h2>
|
||||
<span className="text-sm text-fg4">
|
||||
{card.release_date.toLocaleDateString("ru-ru", {
|
||||
year: "numeric",
|
||||
})}
|
||||
</span>
|
||||
</div>
|
||||
<p className="text-lg tb:text-sm pr-2 text-justify line-clamp-5 text-fg4">
|
||||
{card.description}
|
||||
</p>
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
Reference in New Issue
Block a user