From d0d070e8675c6f0b012f158e799c712dec2ba924 Mon Sep 17 00:00:00 2001 From: Ashhhleyyy Date: Wed, 27 Jul 2022 15:43:34 +0100 Subject: [PATCH] feat: add comic list to homepage --- components/CompletionBar.tsx | 12 +++++ components/NavBar.tsx | 41 ++++++++++------ pages/index.tsx | 90 ++++++++++++++++++++++++++++++++++-- 3 files changed, 124 insertions(+), 19 deletions(-) create mode 100644 components/CompletionBar.tsx diff --git a/components/CompletionBar.tsx b/components/CompletionBar.tsx new file mode 100644 index 0000000..cfdbd59 --- /dev/null +++ b/components/CompletionBar.tsx @@ -0,0 +1,12 @@ +interface Props { + total: number; + completed: number; + inline?: boolean; +} + +export default function CompletionBar(props: Props) { + const progress = (props.completed / props.total) * 100; + return + + +} diff --git a/components/NavBar.tsx b/components/NavBar.tsx index 9fabd30..a934004 100644 --- a/components/NavBar.tsx +++ b/components/NavBar.tsx @@ -7,21 +7,32 @@ export default function NavBar() { const router = useRouter(); return ( -