fix: add dialog titles

src/app/tools/compare/components/Controls.tsx

@@ -34,6 +34,8 @@ export function Controls({
         </Dialog.Trigger>
 
         <Dialog.Content>
+          <Dialog.Title align="center">Add tanks</Dialog.Title>
+
           <Flex gap="4" direction="column">
             <Flex
               direction="column"

src/app/tools/compare/components/TankControl.tsx

@@ -42,6 +42,8 @@ export function TankControl({ index, id }: TankControlProps) {
         </Dialog.Trigger>
 
         <Dialog.Content>
+          <Dialog.Title align="center">Switch tanks</Dialog.Title>
+
           <Flex gap="4" direction="column">
             <Flex
               direction="column"

src/app/tools/rating/page.tsx

@@ -607,6 +607,8 @@ export default function Page() {
             </Dialog.Trigger>
 
             <Dialog.Content>
+              <Dialog.Title>Jump to score</Dialog.Title>
+
               <Flex gap="4" justify="center">
                 <TextField.Root
                   ref={scoreInput}
@@ -640,6 +642,8 @@ export default function Page() {
             </Dialog.Trigger>
 
             <Dialog.Content>
+              <Dialog.Title>Jump to position</Dialog.Title>
+
               <Flex gap="4" justify="center">
                 <TextField.Root
                   ref={positionInput}
@@ -676,6 +680,8 @@ export default function Page() {
             </Dialog.Trigger>
 
             <Dialog.Content>
+              <Dialog.Title>Jump to league</Dialog.Title>
+
               <Flex gap="2" justify="center">
                 <Select.Root
                   value={`${jumpToLeague}`}
@@ -761,6 +767,8 @@ export default function Page() {
             </Dialog.Trigger>
 
             <Dialog.Content>
+              <Dialog.Title>Jump to player</Dialog.Title>
+
               <Flex gap="4" direction="column">
                 <TextField.Root
                   onChange={debounce(

src/app/tools/tankopedia/[id]/components/Model/MetaSection/components/Votes/components/VoteCaster.tsx

@@ -4,7 +4,6 @@ import {
   Button,
   Dialog,
   Flex,
-  Heading,
   Spinner,
   Text,
 } from '@radix-ui/themes';
@@ -36,7 +35,7 @@ export function VoteCaster() {
         </Dialog.Trigger>
 
         <Dialog.Content maxWidth="23rem">
-          <Heading>Voting for {tank.name}</Heading>
+          <Dialog.Title>Voting for {tank.name}</Dialog.Title>
 
           <Flex direction="column" mt="4">
             <Flex align="center" justify="between">

src/app/tools/tankopedia/[id]/components/Model/MetaSection/index.tsx

@@ -57,6 +57,8 @@ export function MetaSection() {
             </Dialog.Trigger>
 
             <Dialog.Content>
+              <Dialog.Title>Swap tanks</Dialog.Title>
+
               <TankSearch
                 compact
                 onSelect={(tank) => {

src/app/tools/tankopedia/[id]/components/Model/components/Options.tsx

@@ -360,6 +360,8 @@ export function Options({ thicknessRange, canvas }: OptionsProps) {
               </Dialog.Trigger>
 
               <Dialog.Content>
+                <Dialog.Title align="center">Select tank</Dialog.Title>
+
                 <Tabs.Root
                   value={tab}
                   onValueChange={setTab}

src/app/tools/tankopedia/[id]/components/Title.tsx

@@ -69,6 +69,8 @@ export function Title() {
             </Dialog.Trigger>
 
             <Dialog.Content>
+              <Dialog.Title align="center">Change tank</Dialog.Title>
+
               <Flex gap="4" direction="column">
                 <Flex
                   direction="column"

src/components/Navbar/components/WargamingLoginButton.tsx

@@ -1,4 +1,4 @@
-import { Button, ButtonProps, Dialog, Flex, Text } from '@radix-ui/themes';
+import { Button, ButtonProps, Dialog, Flex } from '@radix-ui/themes';
 import { REGIONS } from '../../../constants/regions';
 import { WARGAMING_APPLICATION_ID } from '../../../constants/wargamingApplicationID';
 import { WargamingIcon } from '../../../icons/Wargaming';
@@ -21,28 +21,26 @@ export function WargamingLoginButton({ children, ...props }: ButtonProps) {
       </Dialog.Trigger>
 
       <Dialog.Content width="fit-content">
-        <Flex direction="column" gap="4" align="center">
+        <Dialog.Title align="center">Choose your region</Dialog.Title>
-          <Text color="gray">Choose your region</Text>
 
-          <Flex gap="2" wrap="wrap">
+        <Flex gap="2" wrap="wrap">
-            {REGIONS.map((region) => (
+          {REGIONS.map((region) => (
-              <Dialog.Close key={region}>
+            <Dialog.Close key={region}>
-                <Link
+              <Link
-                  href={
+                href={
-                    typeof window !== 'undefined'
+                  typeof window !== 'undefined'
-                      ? `https://api.worldoftanks.${region}/wot/auth/login/?application_id=${WARGAMING_APPLICATION_ID}&redirect_uri=${encodeURIComponent(
+                    ? `https://api.worldoftanks.${region}/wot/auth/login/?application_id=${WARGAMING_APPLICATION_ID}&redirect_uri=${encodeURIComponent(
-                          `${location.origin}/auth/wargaming?return=${location.origin}${location.pathname}`,
+                        `${location.origin}/auth/wargaming?return=${location.origin}${location.pathname}`,
-                        )}`
+                      )}`
-                      : undefined
+                    : undefined
-                  }
+                }
-                >
+              >
-                  <Button color="red">
+                <Button color="red">
-                    {strings.common.regions.normal[region]}
+                  {strings.common.regions.normal[region]}
-                  </Button>
+                </Button>
-                </Link>
+              </Link>
-              </Dialog.Close>
+            </Dialog.Close>
-            ))}
+          ))}
-          </Flex>
         </Flex>
       </Dialog.Content>
     </Dialog.Root>