From bf6bf2e8a8c91dbefea7c13b711c274cc0332085 Mon Sep 17 00:00:00 2001
From: DrMint <29893320+DrMint@users.noreply.github.com>
Date: Tue, 2 May 2023 23:57:38 +0200
Subject: [PATCH] Tooltip explaining the player's name setting

---
 src/components/Panels/SettingsPopup.tsx                  | 9 +++++++--
 src/graphql/icuParams.ts                                 | 1 +
 .../local-data/localDataGetWebsiteInterfaces.graphql     | 1 +
 3 files changed, 9 insertions(+), 2 deletions(-)

diff --git a/src/components/Panels/SettingsPopup.tsx b/src/components/Panels/SettingsPopup.tsx
index 9b3b5a8..50f5fcd 100644
--- a/src/components/Panels/SettingsPopup.tsx
+++ b/src/components/Panels/SettingsPopup.tsx
@@ -221,9 +221,14 @@ export const SettingsPopup = (): JSX.Element => {
           </div>
 
           <div>
-            <h3 className="text-xl">{format("player_name")}</h3>
+            <div className="flex place-content-center place-items-center gap-1">
+              <h3 className="text-xl">{format("player_name")}</h3>
+              <ToolTip content={format("player_name_tooltip")} placement="top">
+                <Ico icon="info" />
+              </ToolTip>
+            </div>
             <TextInput
-              placeholder="<player>"
+              placeholder="(player)"
               className="w-48"
               value={playerName}
               onChange={(newName) => {
diff --git a/src/graphql/icuParams.ts b/src/graphql/icuParams.ts
index 555bab1..e0f67f7 100644
--- a/src/graphql/icuParams.ts
+++ b/src/graphql/icuParams.ts
@@ -183,4 +183,5 @@ export interface ICUParams {
   weapons_description: never;
   level_x: { x: Date | boolean | number | string };
   story_x: { x: Date | boolean | number | string };
+  player_name_tooltip: never;
 }
diff --git a/src/graphql/operations/local-data/localDataGetWebsiteInterfaces.graphql b/src/graphql/operations/local-data/localDataGetWebsiteInterfaces.graphql
index 0a519e5..f578044 100644
--- a/src/graphql/operations/local-data/localDataGetWebsiteInterfaces.graphql
+++ b/src/graphql/operations/local-data/localDataGetWebsiteInterfaces.graphql
@@ -190,6 +190,7 @@ query localDataGetWebsiteInterfaces {
         weapons_description
         level_x
         story_x
+        player_name_tooltip
       }
     }
   }