diff options
Diffstat (limited to 'src/components/GameCard.tsx')
| -rw-r--r-- | src/components/GameCard.tsx | 6 |
1 files changed, 3 insertions, 3 deletions
diff --git a/src/components/GameCard.tsx b/src/components/GameCard.tsx index 1f5e766..49f2cf7 100644 --- a/src/components/GameCard.tsx +++ b/src/components/GameCard.tsx @@ -1,5 +1,5 @@ //import React from "react"; -//import { Link } from "react-router-dom"; +import { Link } from "react-router-dom"; import { GameCardProps } from "../types"; //game = { @@ -13,7 +13,7 @@ export default function GameCard ({ link, game }: GameCardProps) return ( <> - <a href={ link } className="block w-min pt-10 px-1" target="_blank"> + <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" /> @@ -21,7 +21,7 @@ export default function GameCard ({ link, game }: GameCardProps) <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> - </a> + </Link> </> ); } |