frontend/src/pages/Games.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
27
28
29

import React from "react";
import { Helmet } from "react-helmet";

import GameEntry from "@components/GameEntry";
import { Game } from "@customTypes/Game";

interface GamesProps {
  games: Game[];
}

const Games: React.FC<GamesProps> = ({ games }) => {
  return (
    <div className="ml-10 min-h-screen w-[calc(100%-320px)] text-foreground font-[--font-barlow-semicondensed-regular] overflow-y-auto scrollbar-thin">
      <Helmet>
        <title>LPHUB | Games</title>
      </Helmet>
      <section className="py-12 px-12 w-full">
        <h1 className="text-3xl font-bold mb-8">Games</h1>
        <div className="flex flex-col w-full">
          {games.map((game, index) => (
            <GameEntry game={game} key={index} />
          ))}
        </div>
      </section>
    </div>
  );
};

export default Games;