From a1b1a33a9bbf194a42f0920c00e18da11380bae3 Mon Sep 17 00:00:00 2001
From: Jon Eugster <eugster.jon@gmail.com>
Date: Fri, 19 Apr 2024 10:07:09 +0200
Subject: [PATCH] remove more flags #208

---
 client/src/components/landing_page.tsx | 9 ++++++---
 client/src/css/landing_page.css        | 4 ++++
 2 files changed, 10 insertions(+), 3 deletions(-)

diff --git a/client/src/components/landing_page.tsx b/client/src/components/landing_page.tsx
index 0e66fb7..f108720 100644
--- a/client/src/components/landing_page.tsx
+++ b/client/src/components/landing_page.tsx
@@ -66,14 +66,17 @@ function Tile({gameId, data}: {gameId: string, data: GameTile|undefined}) {
         <td>{t("Levels")}</td>
         <td>{data.levels}</td>
       </tr>
-      <tr>
+      <tr className="languages">
         <td>{t("Language")}</td>
 
         <td>
           {data.languages.map((lang) => {
             let langOpt = lean4gameConfig.languages.find((e) => e.iso == lang)
-            return <ReactCountryFlag key={`flag-${lang}`} title={langOpt?.name} countryCode={langOpt?.flag} className="emojiFlag"/>
-
+            if (lean4gameConfig.useFlags) {
+              return <ReactCountryFlag key={`flag-${lang}`} title={langOpt?.name} countryCode={langOpt?.flag} className="emojiFlag"/>
+            } else {
+              return <span title={langOpt?.name}>{lang}</span>
+            }
           })}
         </td>
       </tr>
diff --git a/client/src/css/landing_page.css b/client/src/css/landing_page.css
index 4831c9f..b3c0cfb 100644
--- a/client/src/css/landing_page.css
+++ b/client/src/css/landing_page.css
@@ -231,3 +231,7 @@ footer .link {
     margin-right: calc(50% - 650px);
   }
 }
+
+.info .languages span + span {
+  margin-left: .5em;
+}