From 5d603cc2463f76c14770407e011864df0e1a4a4f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tr=C3=A8sAbhi?= <43380238+tresabhi@users.noreply.github.com>
Date: Fri, 16 Aug 2024 20:06:37 -0500
Subject: [PATCH] fix: hide game mode section on no tanks

---
 .../tankopedia/[id]/components/Model/GameModeSection.tsx     | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/src/app/tools/tankopedia/[id]/components/Model/GameModeSection.tsx b/src/app/tools/tankopedia/[id]/components/Model/GameModeSection.tsx
index 22f698644..0b0320e16 100644
--- a/src/app/tools/tankopedia/[id]/components/Model/GameModeSection.tsx
+++ b/src/app/tools/tankopedia/[id]/components/Model/GameModeSection.tsx
@@ -11,13 +11,16 @@ export function GameModeSection() {
   const awaitedGameDefinitions = use(gameDefinitions);
   const awaitedConsumableDefinitions = use(consumableDefinitions);
   const awaitedProvisionDefinitions = use(provisionDefinitions);
+  const roles = Object.entries(tank.roles);
+
+  if (roles.length === 0) return null;
 
   return (
     <Flex direction="column" gap="4" align="center">
       <Heading size="6">Game mode abilities</Heading>
 
       <Flex justify="center" gap="4" wrap="wrap" px="4">
-        {Object.entries(tank.roles).map(([key, value]) => {
+        {roles.map(([key, value]) => {
           const id = Number(key);
           const gameMode = awaitedGameDefinitions.gameModes[id];