frontend/src/components/GameCategory.tsx


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

import React from 'react';
import { Link } from "react-router-dom";

import { Game, GameCategoryPortals } from '@customTypes/Game';
import "@css/Games.css"
import games from "@css/Games.module.css";
import info from "@css/Info.module.css";

interface GameCategoryProps {
    game: Game;
    cat: GameCategoryPortals;
}

const GameCategory: React.FC<GameCategoryProps> = ({cat, game}) => {
    return (
        <Link className={info.infoBlock} to={"/games/" + game.id + "?cat=" + cat.category.id}>
        <div>
              <span>{cat.category.name}</span>
              <br />
              <span>{cat.portal_count}</span>
        </div>
        </Link>
    )
}

export default GameCategory;