feat: improved tools

src/app/page.css.ts

@@ -3,7 +3,7 @@ import { theme } from '../stitches.config';
 
 export const tool = styleVariants({
   enabled: {
-    boxShadow: `inset 0 -192px 128px -128px ${theme.colors.appBackground1}`,
+    boxShadow: `inset 0 -256px 512px -128px ${theme.colors.appBackground1}`,
 
     ':hover': {
       boxShadow: `inset 0 -160px 128px -128px ${theme.colors.appBackground1}`,

src/app/page.tsx

@@ -30,7 +30,8 @@ export default function Page() {
               ({
                 node: (
                   <Link
-                    href={`/tools/${tool.id}`}
+                    href={tool.href ?? `/tools/${tool.id}`}
+                    target={tool.href ? '_blank' : undefined}
                     className={
                       tool.disabled ? styles.tool.disabled : styles.tool.enabled
                     }

src/constants/tools.ts

@@ -3,6 +3,7 @@ interface Tool {
   title: string;
   description: string;
   disabled?: boolean;
+  href?: string;
 }
 
 export const TOOLS: Tool[] = [
@@ -11,32 +12,38 @@ export const TOOLS: Tool[] = [
     title: 'Session tracker',
     description: 'Live session performance tracker',
   },
-  {
-    id: 'ratings',
-    title: 'Ratings',
-    description: 'Ratings gamemode leaderboards',
-  },
   {
     id: 'tankopedia',
     title: 'Tankopedia',
     description: 'Blitz tank encyclopedia',
   },
   {
-    id: 'inactive',
+    id: 'ratings',
-    title: 'Inactivity tracker',
+    title: 'Ratings',
-    description: 'Find inactive members of a clan',
+    description: 'Ratings gamemode leaderboards',
-    disabled: true,
   },
   {
-    id: 'profile',
+    id: 'discord',
-    title: 'Player profile',
+    title: 'Discord bot',
-    description: "A player's basic non-statistical info",
+    description: 'Stats and tools right in Discord',
-    disabled: true,
+    href: 'https://discord.com/application-directory/1097673957865443370',
   },
   // {
-  //   title: 'More coming soon',
+  //   id: 'inactive',
-  //   description: 'New tools are added often',
+  //   title: 'Inactivity tracker',
-  //   banner: '/assets/banners/more.png',
+  //   description: 'Find inactive members of a clan',
-  //   id: 'https://discord.gg/nDt7AjGJQH',
+  //   disabled: true,
   // },
+  // {
+  //   id: 'profile',
+  //   title: 'Player profile',
+  //   description: "A player's basic non-statistical info",
+  //   disabled: true,
+  // },
+  {
+    id: 'more',
+    title: 'More coming soon',
+    description: 'This site is being actively developed',
+    href: 'https://discord.gg/nDt7AjGJQH',
+  },
 ];