From ae07b8de4cd2eaeb5bed5de2a630a751fc278f06 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tr=C3=A8sAbhi?= <43380238+tresabhi@users.noreply.github.com>
Date: Fri, 19 Jan 2024 20:47:46 -0600
Subject: [PATCH] feat: center align text when no image

---
 src/components/Tanks/components/Item.tsx     |  1 -
 src/components/TitleBar.tsx                  | 20 +++++++++++++++++---
 src/core/discord/resolvePlayerFromCommand.ts |  2 +-
 3 files changed, 18 insertions(+), 5 deletions(-)

diff --git a/src/components/Tanks/components/Item.tsx b/src/components/Tanks/components/Item.tsx
index 4363e0a80..4bf8766d1 100644
--- a/src/components/Tanks/components/Item.tsx
+++ b/src/components/Tanks/components/Item.tsx
@@ -18,7 +18,6 @@ export const TANK_TYPES = [
   'heavy',
 ] as const;
 
-// TODO: remove hyphen for underscore
 export const TREE_TYPES = ['researchable', 'premium', 'collector'] as const;
 
 export type TankType = (typeof TANK_TYPES)[number];
diff --git a/src/components/TitleBar.tsx b/src/components/TitleBar.tsx
index b3e4da675..7449da129 100644
--- a/src/components/TitleBar.tsx
+++ b/src/components/TitleBar.tsx
@@ -36,6 +36,8 @@ export default function TitleBar({ name, image, description }: TitleBarProps) {
             style={{
               display: 'flex',
               gap: 4,
+              alignItems: 'center',
+              justifyContent: 'center',
             }}
           >
             <span
@@ -51,9 +53,21 @@ export default function TitleBar({ name, image, description }: TitleBarProps) {
             </span>
           </div>
 
-          <span style={{ color: theme.colors.textLowContrast, fontSize: 16 }}>
-            {description}
-          </span>
+          <div
+            style={{
+              display: 'flex',
+              justifyContent: image ? 'flex-start' : 'center',
+            }}
+          >
+            <span
+              style={{
+                color: theme.colors.textLowContrast,
+                fontSize: 16,
+              }}
+            >
+              {description}
+            </span>
+          </div>
         </div>
       </div>
     </div>
diff --git a/src/core/discord/resolvePlayerFromCommand.ts b/src/core/discord/resolvePlayerFromCommand.ts
index 21ca22347..fa6d156d1 100644
--- a/src/core/discord/resolvePlayerFromCommand.ts
+++ b/src/core/discord/resolvePlayerFromCommand.ts
@@ -50,7 +50,7 @@ export default async function resolvePlayerFromCommand(
     } else {
       throw new UserError(
         "You're account isn't linked with Blitzkrieg yet",
-        'Use the `/link` command to get started.', // TODO: add shortcut button too
+        'Use the `/link` command to get started.',
       );
     }
   }