From 3d71ad1d8b66efc56ad96db999e8498dd817836e Mon Sep 17 00:00:00 2001
From: Justin Edmund <justin@jedmund.com>
Date: Sat, 28 Jan 2023 00:51:32 -0800
Subject: [PATCH] Add localizations

---
 components/Header/index.tsx       | 39 +++++++++++++++++--------------
 components/PartyDetails/index.tsx |  2 +-
 components/Tooltip/index.scss     |  3 +++
 public/locales/en/common.json     |  5 ++++
 public/locales/ja/common.json     |  5 ++++
 5 files changed, 36 insertions(+), 18 deletions(-)

diff --git a/components/Header/index.tsx b/components/Header/index.tsx
index 8fec3c27..6e5e42a2 100644
--- a/components/Header/index.tsx
+++ b/components/Header/index.tsx
@@ -33,6 +33,7 @@ import RemixIcon from '~public/icons/Remix.svg'
 import SaveIcon from '~public/icons/Save.svg'
 
 import './index.scss'
+import Tooltip from '~components/Tooltip'
 
 const Header = () => {
   // Localization
@@ -226,28 +227,32 @@ const Header = () => {
 
   const saveButton = () => {
     return (
-      <Button
-        leftAccessoryIcon={<SaveIcon />}
-        className={classNames({
-          Save: true,
-          Saved: party.favorited,
-        })}
-        blended={true}
-        text={party.favorited ? t('buttons.saved') : t('buttons.save')}
-        onClick={toggleFavorite}
-      />
+      <Tooltip content={t('tooltips.save')}>
+        <Button
+          leftAccessoryIcon={<SaveIcon />}
+          className={classNames({
+            Save: true,
+            Saved: party.favorited,
+          })}
+          blended={true}
+          text={party.favorited ? t('buttons.saved') : t('buttons.save')}
+          onClick={toggleFavorite}
+        />
+      </Tooltip>
     )
   }
 
   const remixButton = () => {
     return (
-      <Button
-        leftAccessoryIcon={<RemixIcon />}
-        className="Remix"
-        blended={true}
-        text={t('buttons.remix')}
-        onClick={remixTeam}
-      />
+      <Tooltip content={t('tooltips.remix')}>
+        <Button
+          leftAccessoryIcon={<RemixIcon />}
+          className="Remix"
+          blended={true}
+          text={t('buttons.remix')}
+          onClick={remixTeam}
+        />
+      </Tooltip>
     )
   }
 
diff --git a/components/PartyDetails/index.tsx b/components/PartyDetails/index.tsx
index dbee72c4..37fd2514 100644
--- a/components/PartyDetails/index.tsx
+++ b/components/PartyDetails/index.tsx
@@ -710,7 +710,7 @@ const PartyDetails = (props: Props) => {
               {name ? name : t('no_title')}
             </h1>
             {party.remix && party.sourceParty ? (
-              <Tooltip content="Go to original team">
+              <Tooltip content={t('tooltips.source')}>
                 <Button
                   className="IconButton Blended"
                   leftAccessoryIcon={<RemixIcon />}
diff --git a/components/Tooltip/index.scss b/components/Tooltip/index.scss
index 33218a12..3a4b325d 100644
--- a/components/Tooltip/index.scss
+++ b/components/Tooltip/index.scss
@@ -1,5 +1,8 @@
 .Tooltip {
   background: var(--dialog-bg);
   border-radius: $card-corner;
+  line-height: 1.3;
   padding: $unit * 1.5;
+  z-index: 35;
+  max-width: 200px;
 }
diff --git a/public/locales/en/common.json b/public/locales/en/common.json
index 1d9f394a..0f7ee421 100644
--- a/public/locales/en/common.json
+++ b/public/locales/en/common.json
@@ -390,6 +390,11 @@
   "toasts": {
     "copied": "This party's URL was copied to your clipboard"
   },
+  "tooltips": {
+    "remix": "Make a copy of this team",
+    "save": "Save this team to your account",
+    "source": "Go to original team"
+  },
   "extra_weapons": "Additional Weapons",
   "equipped": "Equipped",
   "coming_soon": "Coming Soon",
diff --git a/public/locales/ja/common.json b/public/locales/ja/common.json
index a76a1e08..4bcfc3cf 100644
--- a/public/locales/ja/common.json
+++ b/public/locales/ja/common.json
@@ -391,6 +391,11 @@
   "toasts": {
     "copied": "この編成のURLはクリップボードにコピーされました"
   },
+  "tooltips": {
+    "remix": "この編成をコピーする",
+    "save": "この編成をアカウントに保存する",
+    "source": "オリジナルの編成へ"
+  },
   "equipped": "装備した",
   "extra_weapons": "Additional Weapons",
   "coming_soon": "開発中",