Link fixes for basePath

client/components/Link.tsx

@@ -0,0 +1,10 @@
+import { Link as GeistLink, LinkProps } from "@geist-ui/core"
+import { useRouter } from "next/router";
+
+const Link = (props: LinkProps) => {
+    const { basePath } = useRouter();
+
+    return <GeistLink {...props} href={`/${basePath}/${props.href}`} />
+}
+
+export default Link

client/components/auth/index.tsx

@@ -1,7 +1,8 @@
 import { FormEvent, useState } from 'react'
-import { Button, Card, Input, Link, Text } from '@geist-ui/core'
+import { Button, Card, Input, Text } from '@geist-ui/core'
 import styles from './auth.module.css'
 import { useRouter } from 'next/router'
+import Link from '../Link'
 
 const Auth = ({ page }: { page: "signup" | "signin" }) => {
     const router = useRouter();

client/components/header/index.tsx

@@ -1,9 +1,8 @@
-import { Page, ButtonGroup, Button, Link } from "@geist-ui/core";
+import { Page, ButtonGroup, Button } from "@geist-ui/core";
 import { Moon, Sun } from "@geist-ui/icons";
-import { useRouter } from "next/router";
-import useSignedIn from "../../lib/hooks/use-signed-in";
 import { DriftProps } from "../../pages/_app";
 import ShiftBy from "../shift-by";
+import Link from '../Link'
 
 const Header = ({ theme, changeTheme }: DriftProps) => {
     return (

client/components/post-list/index.tsx

@@ -1,7 +1,8 @@
-import { Loading, Card, Divider, Input, Text, Link } from "@geist-ui/core"
+import { Loading, Card, Divider, Input, Text } from "@geist-ui/core"
 import Preview from "../preview"
 import ShiftBy from "../shift-by"
 import VisibilityBadge from "../visibility-badge"
+import Link from '../Link'
 
 import styles from './post-list.module.css'
 

client/components/unauthenticated-header/index.tsx

@@ -1,7 +1,8 @@
-import { Page, ButtonGroup, Button, Link } from "@geist-ui/core";
+import { Page, ButtonGroup, Button } from "@geist-ui/core";
 import { Moon, Sun } from "@geist-ui/icons";
 import { DriftProps } from "../../pages/_app";
 import ShiftBy from "../shift-by";
+import Link from '../Link'
 
 const UnauthenticatedHeader = ({ theme, changeTheme }: DriftProps) => {
     return (

client/pages/new.tsx

@@ -1,13 +1,11 @@
 import Head from 'next/head'
 import styles from '../styles/Home.module.css'
 import HomeComponent from '../components/post'
-import Auth from '../components/auth'
-import { useEffect, useState } from 'react'
-import { Button, ButtonGroup, Link, Loading, Page } from '@geist-ui/core'
+import { Button, ButtonGroup, Loading, Page } from '@geist-ui/core'
 import { Sun, Moon } from '@geist-ui/icons'
 import ShiftBy from '../components/shift-by'
 import useSignedIn from '../lib/hooks/use-signed-in'
-import { useRouter } from 'next/router'
+import Link from '../components/Link'
 
 const Home = ({ theme, changeTheme }: { theme: "light" | "dark", changeTheme: () => void }) => {
   const { isLoading, isSignedIn } = useSignedIn({ redirectIfNotAuthed: true })