feat: center align text when no image

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];

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 }}>
+          <div
-            {description}
+            style={{
-          </span>
+              display: 'flex',
+              justifyContent: image ? 'flex-start' : 'center',
+            }}
+          >
+            <span
+              style={{
+                color: theme.colors.textLowContrast,
+                fontSize: 16,
+              }}
+            >
+              {description}
+            </span>
+          </div>
         </div>
       </div>
     </div>

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.',
       );
     }
   }