1 files changed, 24 insertions, 0 deletions

diff --git a/frontend/src/components/GameCategory.tsx b/frontend/src/components/GameCategory.tsx
new file mode 100644
index 0000000..3291e09
--- /dev/null
+++ b/frontend/src/components/GameCategory.tsx
@@ -0,0 +1,24 @@
+import React from 'react';
+import { Link } from "react-router-dom";
+
+import { Game, GameCategoryPortals } from '../types/Game';
+import "../css/Games.css"
+
+interface GameCategoryProps {
+    game: Game;
+    cat: GameCategoryPortals;
+}
+
+const GameCategory: React.FC<GameCategoryProps> = ({cat, game}) => {
+    return (
+        <Link className="games-page-item-body-item" to={"/games/" + game.id + "?cat=" + cat.category.id}>
+        <div>
+              <span className='games-page-item-body-item-title'>{cat.category.name}</span>
+              <br />
+              <span className='games-page-item-body-item-num'>{cat.portal_count}</span>
+        </div>
+        </Link>
+    )
+}
+
+export default GameCategory;