diff --git a/pages/comic/[comic]/index.tsx b/pages/comic/[comic]/index.tsx index d2028df..baa4f57 100644 --- a/pages/comic/[comic]/index.tsx +++ b/pages/comic/[comic]/index.tsx @@ -1,8 +1,11 @@ import { Comic } from '@prisma/client'; import { GetServerSideProps } from 'next'; +import { useSession } from 'next-auth/react'; import Head from 'next/head'; +import { useRouter } from 'next/router'; import { ParsedUrlQuery } from 'querystring'; import { LinkButton } from '../../../components/Button'; +import CompletionBar from '../../../components/CompletionBar'; import { prisma } from '../../../src/db'; interface Params extends ParsedUrlQuery { @@ -18,6 +21,9 @@ interface Props { } export default function ComicPage({ comic, completion }: Props) { + const { status } = useSession(); + const router = useRouter(); + return (
@@ -30,10 +36,13 @@ export default function ComicPage({ comic, completion }: Props) { So far, a total of {completion.completePages} out of{' '} {completion.totalPages} pages have been transcribed!

+
+ +
);