From 135e22778eb993ba4b5f91700148913cd1d63c51 Mon Sep 17 00:00:00 2001
From: Naomi Carrigan <commits@nhcarrigan.com>
Date: Sat, 5 Oct 2024 05:59:50 +0000
Subject: [PATCH] chore: couple more games (#20)

Reviewed-on: https://codeberg.org/nhcarrigan/portfolio/pulls/20
Co-authored-by: Naomi Carrigan <commits@nhcarrigan.com>
Co-committed-by: Naomi Carrigan <commits@nhcarrigan.com>
---
 src/app/games/page.tsx  |  2 +-
 src/components/game.tsx |  2 +-
 src/config/Games.ts     | 24 ++++++++++++++++++++++++
 3 files changed, 26 insertions(+), 2 deletions(-)

diff --git a/src/app/games/page.tsx b/src/app/games/page.tsx
index 9933b6b..f910308 100644
--- a/src/app/games/page.tsx
+++ b/src/app/games/page.tsx
@@ -14,7 +14,7 @@ const Gamez = (): JSX.Element => {
           <p className="mb-2">See how Naomi has appeared in various games.</p>
           <Rule />
           <div className="grid sm:grid-cols-2 lg:grid-cols-3 grid-cols-1 gap-y-5">
-            {Games.map((game) => (
+            {Games.sort((a, b) => a.name.localeCompare(b.name)).map((game) => (
               <Game key={game.name} name={game.name} img={game.img} />
             ))}
           </div>
diff --git a/src/components/game.tsx b/src/components/game.tsx
index 81493e6..76151ec 100644
--- a/src/components/game.tsx
+++ b/src/components/game.tsx
@@ -22,7 +22,7 @@ export const Game = (props: GameProps): JSX.Element => {
           alt={name}
           width={250}
           height={250}
-          className="m-auto"
+          className="m-auto object-contain  max-h-[250px] max-w-[250px]"
         />
       </a>
     </div>
diff --git a/src/config/Games.ts b/src/config/Games.ts
index 0840455..609ab5e 100644
--- a/src/config/Games.ts
+++ b/src/config/Games.ts
@@ -21,5 +21,29 @@ export const Games: {
     {
       name: "Idling to Rule the Gods",
       img: "idling-god.png"
+    },
+    {
+      name: "Nioh 2",
+      img: "nioh-2.jpg"
+    },
+    {
+      name: "Deathly Stillness",
+      img: "deathly-stillness.jpg"
+    },
+    {
+      name: "Once Human",
+      img: "once-human.jpg"
+    },
+    {
+      name: "Fallout 4",
+      img: "fallout-4.jpg"
+    },
+    {
+      name: "Guild Wars 2",
+      img: "gw2.png"
+    },
+    {
+      name: "Neverwinter Nights",
+      img: "nwn.jpg"
     }
   ]