diff options
Diffstat (limited to 'frontend/src/components/GameCategory.tsx')
| -rw-r--r-- | frontend/src/components/GameCategory.tsx | 8 |
1 files changed, 5 insertions, 3 deletions
diff --git a/frontend/src/components/GameCategory.tsx b/frontend/src/components/GameCategory.tsx index d8879ef..80ee416 100644 --- a/frontend/src/components/GameCategory.tsx +++ b/frontend/src/components/GameCategory.tsx | |||
| @@ -3,6 +3,8 @@ 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 | import games from "@css/Games.module.css"; | ||
| 7 | import info from "@css/Info.module.css"; | ||
| 6 | 8 | ||
| 7 | interface GameCategoryProps { | 9 | interface GameCategoryProps { |
| 8 | game: Game; | 10 | game: Game; |
| @@ -11,11 +13,11 @@ interface GameCategoryProps { | |||
| 11 | 13 | ||
| 12 | const GameCategory: React.FC<GameCategoryProps> = ({cat, game}) => { | 14 | const GameCategory: React.FC<GameCategoryProps> = ({cat, game}) => { |
| 13 | return ( | 15 | return ( |
| 14 | <Link className="games-page-item-body-item" to={"/games/" + game.id + "?cat=" + cat.category.id}> | 16 | <Link className={info.infoBlock} to={"/games/" + game.id + "?cat=" + cat.category.id}> |
| 15 | <div> | 17 | <div> |
| 16 | <span className='games-page-item-body-item-title'>{cat.category.name}</span> | 18 | <span>{cat.category.name}</span> |
| 17 | <br /> | 19 | <br /> |
| 18 | <span className='games-page-item-body-item-num'>{cat.portal_count}</span> | 20 | <span>{cat.portal_count}</span> |
| 19 | </div> | 21 | </div> |
| 20 | </Link> | 22 | </Link> |
| 21 | ) | 23 | ) |