From 517ab31ab86dec699ed94780b68fa024558179c5 Mon Sep 17 00:00:00 2001
From: Alex Frantz <alex@alexav.gg>
Date: Sun, 8 Sep 2024 01:45:59 -0400
Subject: [PATCH] it'd help if i rendered it

---
 src/components/ProjectComponents/RecentBook.tsx | 2 +-
 src/index.tsx                                   | 4 ++++
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/components/ProjectComponents/RecentBook.tsx b/src/components/ProjectComponents/RecentBook.tsx
index ff49e7e..7f054a0 100644
--- a/src/components/ProjectComponents/RecentBook.tsx
+++ b/src/components/ProjectComponents/RecentBook.tsx
@@ -18,7 +18,7 @@ type BookData = {
     createdById: string   
 }
 
-export default function RecentWatch() {
+export default function RecentBook() {
     const [ data, setData ] = useState<BookData | null>(null);
     const [ loading, setLoading ] = useState<boolean>(true);
     const [ errorState, setErrorState ] = useState<string>("");
diff --git a/src/index.tsx b/src/index.tsx
index 16497de..c3ab5f7 100644
--- a/src/index.tsx
+++ b/src/index.tsx
@@ -8,6 +8,7 @@ import RecentPhoto from "./components/ProjectComponents/RecentPhoto";
 import RecentListens from "./components/ProjectComponents/RecentListens";
 import RecentClip from './components/ProjectComponents/RecentClip';
 import RecentGame from "./components/ProjectComponents/RecentGame";
+import RecentBook from "./components/ProjectComponents/RecentBook";
 import Layout from "./components/Layout";
 
 export default function Home() {
@@ -64,6 +65,9 @@ export default function Home() {
                             <div className="w-full min-w-[200px]">
                                 <RecentWatch />
                             </div>
+                            <div className="w-full min-w-[200px]">
+                                <RecentBook />
+                            </div>
                             <div className="w-full min-w-[200px]">
                                 <RecentClip />
                             </div>