blob: 49f2cf7b6c4f66a49c2da827c048f82031747f54 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
|
//import React from "react";
import { Link } from "react-router-dom";
import { GameCardProps } from "../types";
//game = {
// card_img: "",
// char_img: "",
// title_img: ""
//}
export default function GameCard ({ link, game }: GameCardProps)
{
return (
<>
<Link to={ link } role="button" className="block w-min pt-10 px-1">
<div className="gameCard">
<div className="gameCardWrapper">
<img style={{imageRendering: game.img_rendering}} src={`${import.meta.env.VITE_API_TITLE}/api/v1/games_img/realtradam/${game.titleSlug}.png?type=card`} className="gameCardCoverImg" />
</div>
<img style={{imageRendering: game.img_rendering}} src={`${import.meta.env.VITE_API_TITLE}/api/v1/games_img/realtradam/${game.titleSlug}.png?type=title`} className="gameTitleImg p-5%" />
<img style={{imageRendering: game.img_rendering}} src={`${import.meta.env.VITE_API_TITLE}/api/v1/games_img/realtradam/${game.titleSlug}.png?type=char`} className="gameCharacterImg" />
</div>
</Link>
</>
);
}
|
