diff options
Diffstat (limited to 'frontend/src/components/GameCategory.tsx')
| -rw-r--r-- | frontend/src/components/GameCategory.tsx | 22 |
1 files changed, 11 insertions, 11 deletions
diff --git a/frontend/src/components/GameCategory.tsx b/frontend/src/components/GameCategory.tsx index d8879ef..0d76d3e 100644 --- a/frontend/src/components/GameCategory.tsx +++ b/frontend/src/components/GameCategory.tsx | |||
| @@ -1,7 +1,7 @@ | |||
| 1 | import React from 'react'; | 1 | import React from "react"; |
| 2 | import { Link } from "react-router-dom"; | 2 | import { Link } from "react-router-dom"; |
| 3 | 3 | ||
| 4 | import { Game, GameCategoryPortals } from '@customTypes/Game'; | 4 | import { Game, GameCategoryPortals } from "@customTypes/Game"; |
| 5 | import "@css/Games.css" | 5 | import "@css/Games.css" |
| 6 | 6 | ||
| 7 | interface GameCategoryProps { | 7 | interface GameCategoryProps { |
| @@ -10,15 +10,15 @@ interface GameCategoryProps { | |||
| 10 | } | 10 | } |
| 11 | 11 | ||
| 12 | const GameCategory: React.FC<GameCategoryProps> = ({cat, game}) => { | 12 | const GameCategory: React.FC<GameCategoryProps> = ({cat, game}) => { |
| 13 | return ( | 13 | return ( |
| 14 | <Link className="games-page-item-body-item" to={"/games/" + game.id + "?cat=" + cat.category.id}> | 14 | <Link className="games-page-item-body-item" to={"/games/" + game.id + "?cat=" + cat.category.id}> |
| 15 | <div> | 15 | <div> |
| 16 | <span className='games-page-item-body-item-title'>{cat.category.name}</span> | 16 | <span className='games-page-item-body-item-title'>{cat.category.name}</span> |
| 17 | <br /> | 17 | <br /> |
| 18 | <span className='games-page-item-body-item-num'>{cat.portal_count}</span> | 18 | <span className='games-page-item-body-item-num'>{cat.portal_count}</span> |
| 19 | </div> | 19 | </div> |
| 20 | </Link> | 20 | </Link> |
| 21 | ) | 21 | ) |
| 22 | } | 22 | } |
| 23 | 23 | ||
| 24 | export default GameCategory; | 24 | export default GameCategory; |