feat: link

src/app/tools/session/page.tsx

@@ -32,6 +32,7 @@ import searchPlayersAcrossRegions, {
 } from '../../../core/blitz/searchPlayersAcrossRegions';
 import { tankDefinitions } from '../../../core/blitzkit/tankDefinitions';
 import { tankIcon } from '../../../core/blitzkit/tankIcon';
+import { theme } from '../../../stitches.config';
 import { useApp } from '../../../stores/app';
 import mutateSession, {
   SessionTracking,
@@ -270,8 +271,12 @@ export default function Page() {
 
       {session.tracking && (
         <Flex mt="2" mb="2" direction="column" align="center" gap="2">
-          <Flex gap="4" align="center" justify="center">
           <Heading size="5">Tracking {accountInfo?.nickname}</Heading>
+          <Text color="gray">
+            Since {new Date(session.player.since).toLocaleString()}
+          </Text>
+
+          <Flex gap="4" align="center" justify="center">
             <Button
               color="red"
               variant="ghost"
@@ -283,11 +288,16 @@ export default function Page() {
             >
               Stop
             </Button>
+            <Button
+              color="red"
+              variant="ghost"
+              onClick={() => {
+                // TODO: add functionality
+              }}
+            >
+              Reset
+            </Button>
           </Flex>
-
-          <Text color="gray">
-            Since {new Date(session.player.since).toLocaleString()}
-          </Text>
         </Flex>
       )}
 
@@ -322,6 +332,7 @@ export default function Page() {
                         overflowY: 'hidden',
                       }}
                     >
+                      <Link href={`/tools/tankopedia/${tank.id}`}>
                         <img
                           draggable={false}
                           src={tankIcon(tank.id)}
@@ -352,6 +363,7 @@ export default function Page() {
 
                         <Text
                           style={{
+                            color: theme.colors.textHighContrast,
                             position: 'relative',
                             textWrap: 'nowrap',
                             textShadow: 'black 0 0 4px',
@@ -359,6 +371,7 @@ export default function Page() {
                         >
                           {tank.name}
                         </Text>
+                      </Link>
                     </Table.RowHeaderCell>
                     <Table.Cell align="right">{stat.all.battles}</Table.Cell>
                     <Table.Cell align="right">