Add a page containing useful links (#112)

apache1123 · Mar 15, 2024 · 75d33fb · 75d33fb
1 parent 873fa81
commit 75d33fb
Show file tree

Hide file tree

Showing 10 changed files with 99 additions and 8 deletions.
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "tof-tools",
-  "version": "3.11.0",
+  "version": "3.12.0",
   "private": true,
   "scripts": {
     "dev": "next dev",

diff --git a/pages/damage-calculator.tsx b/pages/damage-calculator.tsx
@@ -7,7 +7,7 @@ export default function DamageCalculatorPage() {
   return (
     <>
       <Head>
-        <title>ToF Damage Calculator</title>
+        <title>Damage Calculator | Tower of Fantasy Tools</title>
       </Head>
 
       <Container maxWidth="lg" sx={{ p: 3 }}>

diff --git a/pages/gear-comparer.tsx b/pages/gear-comparer.tsx
@@ -13,7 +13,7 @@ export default function GearComparerPage() {
   return (
     <>
       <Head>
-        <title>ToF Gear Comparer</title>
+        <title>Compare Gear | Tower of Fantasy Tools</title>
       </Head>
 
       <Container maxWidth="lg" sx={{ p: 3 }}>

diff --git a/pages/index.tsx b/pages/index.tsx
@@ -5,7 +5,7 @@ export default function Home() {
   return (
     <>
       <Head>
-        <title>ToF tools</title>
+        <title>Tower of Fantasy Tools</title>
       </Head>
 
       <Container maxWidth="lg" sx={{ p: 3 }}></Container>

diff --git a/pages/links.tsx b/pages/links.tsx
@@ -0,0 +1,82 @@
+import CalculateIcon from '@mui/icons-material/Calculate';
+import MapRoundedIcon from '@mui/icons-material/MapRounded';
+import MenuBookRoundedIcon from '@mui/icons-material/MenuBookRounded';
+import {
+  Container,
+  List,
+  ListItemButton,
+  ListItemIcon,
+  ListItemText,
+  Paper,
+  Typography,
+} from '@mui/material';
+import Head from 'next/head';
+import type { ReactNode } from 'react';
+
+const links: {
+  title: string;
+  description: string;
+  href: string;
+  icon: ReactNode;
+}[] = [
+  {
+    title: "Maygi's Team DPS Calculator",
+    description:
+      'Calculator for analyzing frame data, finding optimal combos, and theorycrafting team comps',
+    href: 'https://docs.google.com/spreadsheets/d/1ZrJokNh_0AF_9welc7Etz6K8jlpzi5bXpiWz-mQZa78/edit#gid=1482052592',
+    icon: <CalculateIcon />,
+  },
+  {
+    title: 'Tower of Fantasy Index',
+    description:
+      'Community online resource for Global and Chinese versions of the game',
+    href: 'https://toweroffantasy.info/',
+    icon: <MenuBookRoundedIcon />,
+  },
+  {
+    title: 'Tower of Fantasy Wiki',
+    description:
+      'Community wiki - English resource centered around the Global version of the game',
+    href: 'https://toweroffantasy.fandom.com',
+    icon: <MenuBookRoundedIcon />,
+  },
+  {
+    title: 'Tower of Fantasy Interactive Map',
+    description: '',
+    href: 'https://toweroffantasy.interactivemap.app/',
+    icon: <MapRoundedIcon />,
+  },
+  {
+    title: 'Tower of Fantasy Interactive Map',
+    description:
+      'Another interactive map based off the Chinese version of the game',
+    href: 'https://www.ghzs666.com/tower-of-fantasy-map#/',
+    icon: <MapRoundedIcon />,
+  },
+];
+
+export default function LinksPage() {
+  return (
+    <>
+      <Head>
+        <title>Useful Links | Tower of Fantasy Tools</title>
+      </Head>
+
+      <Container maxWidth="lg" sx={{ p: 3 }}>
+        <Paper sx={{ p: 2 }}>
+          <List>
+            {links.map(({ title, description, href, icon }, index) => (
+              <ListItemButton key={index} href={href} target="_blank">
+                <ListItemIcon>{icon}</ListItemIcon>
+                <ListItemText
+                  primary={<Typography color="primary">{title}</Typography>}
+                  secondary={description}
+                />
+              </ListItemButton>
+            ))}
+          </List>
+        </Paper>
+      </Container>
+    </>
+  );
+}
diff --git a/pages/loadouts.tsx b/pages/loadouts.tsx
@@ -13,7 +13,7 @@ export default function LoadoutsPage() {
   return (
     <>
       <Head>
-        <title>ToF Loadouts</title>
+        <title>Loadouts | Tower of Fantasy Tools</title>
       </Head>
 
       <Container maxWidth="xl" sx={{ p: 3 }}>

diff --git a/pages/settings.tsx b/pages/settings.tsx
@@ -7,7 +7,7 @@ export default function StatsPage() {
   return (
     <>
       <Head>
-        <title>ToF tools settings</title>
+        <title>Settings | Tower of Fantasy Tools</title>
       </Head>
 
       <Container maxWidth="lg" sx={{ p: 3 }}>

diff --git a/pages/stats.tsx b/pages/stats.tsx
@@ -9,7 +9,7 @@ export default function StatsPage() {
   return (
     <>
       <Head>
-        <title>ToF Stats stuff</title>
+        <title>Stats Stuff | Tower of Fantasy Tools</title>
       </Head>
 
       <Container maxWidth="lg" sx={{ p: 3 }}>

diff --git a/src/components/Navbar/Navbar.tsx b/src/components/Navbar/Navbar.tsx
@@ -20,7 +20,7 @@ const pages: { label: string; path: string }[] = [
     path: '/loadouts',
   },
   {
-    label: 'Gear comparer',
+    label: 'Compare Gear',
     path: '/gear-comparer',
   },
   {
@@ -31,6 +31,10 @@ const pages: { label: string; path: string }[] = [
     label: 'Settings',
     path: '/settings',
   },
+  {
+    label: 'Useful Links',
+    path: '/links',
+  },
 ];
 
 export function Navbar() {

diff --git a/src/constants/changelog.tsx b/src/constants/changelog.tsx
@@ -196,4 +196,9 @@ export const changelog: Changelog = [
     date: new Date(Date.UTC(2024, 2, 13)),
     title: 'Add Asuka',
   },
+  {
+    semver: '3.12.0',
+    date: new Date(Date.UTC(2024, 2, 15)),
+    title: 'Add a page containing useful links',
+  },
 ];