feat: simpler subcommands

src/components/Tanks/components/Item.tsx

@@ -2,7 +2,6 @@ import {
   TANK_ICONS,
   TANK_ICONS_COLLECTOR,
   TANK_ICONS_PREMIUM,
-  TankType,
 } from '../../../core/blitz/tankopedia';
 import { theme } from '../../../stitches.config';
 
@@ -12,11 +11,17 @@ export enum TreeTypeEnum {
   Collector,
 }
 
-export type TreeTypeString = 'techtree' | 'premium' | 'collector';
+export type TreeTypeString = 'tech-tree' | 'premium' | 'collector';
+
+export const TREE_TYPE_NAMES: Record<TreeTypeString, string> = {
+  'tech-tree': 'Tech tree',
+  premium: 'Premium',
+  collector: 'Collector',
+};
 
 export interface ItemProps {
   image?: string;
-  tankType?: TankType;
+  tankType?: string;
   name: string;
   treeType: TreeTypeEnum;
 }

src/components/TitleBar.tsx

@@ -2,17 +2,11 @@ import { theme } from '../stitches.config';
 
 export interface TitleBarProps {
   name: string;
-  nameDiscriminator?: string;
   image?: string;
   description?: string;
 }
 
-export default function TitleBar({
-  name,
-  nameDiscriminator,
-  image,
-  description,
-}: TitleBarProps) {
+export default function TitleBar({ name, image, description }: TitleBarProps) {
   return (
     <div
       style={{
@@ -33,9 +27,8 @@ export default function TitleBar({
         <div
           style={{
             display: 'flex',
-            alignItems: 'center',
-            justifyContent: 'center',
             flexDirection: 'column',
+            justifyContent: 'center',
             gap: 4,
           }}
         >
@@ -51,24 +44,11 @@ export default function TitleBar({
                 color: theme.colors.textHighContrast,
                 fontWeight: 900,
                 whiteSpace: 'nowrap',
-                maxWidth: nameDiscriminator === undefined ? Infinity : 240,
                 overflow: 'hidden',
               }}
             >
               {name}
             </span>
-            {nameDiscriminator && (
-              <span
-                style={{
-                  fontSize: 32,
-                  color: theme.colors.textLowContrast,
-                  fontWeight: 900,
-                  whiteSpace: 'nowrap',
-                }}
-              >
-                {nameDiscriminator}
-              </span>
-            )}
           </div>
 
           <span style={{ color: theme.colors.textLowContrast, fontSize: 16 }}>