From cddc67817aa2516a941c54eeab9d28d40eda1f9b Mon Sep 17 00:00:00 2001
From: John Mwendwa <72663882+JohnMwendwa@users.noreply.github.com>
Date: Sat, 16 Sep 2023 22:30:50 +0300
Subject: [PATCH 1/3] change the bg color

---
 src/components/layout/index.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/layout/index.tsx b/src/components/layout/index.tsx
index dfd0826..ebf2890 100644
--- a/src/components/layout/index.tsx
+++ b/src/components/layout/index.tsx
@@ -6,7 +6,7 @@ import Footer from "./Footer";
 
 const Layout = ({ children }) => {
   return (
-    <div className="flex flex-col min-h-screen dynamic">
+    <div className="flex flex-col min-h-screen dynamic bg-gray-100">
       <Nav />
       <ToastContainer />
       <main className="grid flex-1 p-4 mt-16">{children}</main>

From 3637ee62b405a2122c3dc7edc91a75f5c8fb2138 Mon Sep 17 00:00:00 2001
From: John Mwendwa <72663882+JohnMwendwa@users.noreply.github.com>
Date: Sat, 16 Sep 2023 22:36:21 +0300
Subject: [PATCH 2/3] change the font size of icons

---
 src/components/BookCard.tsx | 17 +++++++++--------
 1 file changed, 9 insertions(+), 8 deletions(-)

diff --git a/src/components/BookCard.tsx b/src/components/BookCard.tsx
index b8d43e9..b4a1dd8 100644
--- a/src/components/BookCard.tsx
+++ b/src/components/BookCard.tsx
@@ -1,6 +1,6 @@
 import React from "react";
 import Link from "next/link";
-import { FaEdit, FaTrash, FaCheckSquare } from "react-icons/fa";
+import { FaEdit, FaTrash, FaCheckSquare, FaRegSquare } from "react-icons/fa";
 import { useSession } from "next-auth/react";
 import { toast } from "react-toastify";
 import { useRouter } from "next/router";
@@ -119,20 +119,21 @@ const BookCard = ({ _id, title, author, start, end }) => {
         <div className="flex justify-start border-t-2 pt-3 mt-4 text-xl">
           <span className="mr-4" title="edit book">
             <Link href={`/admin/${_id}/edit`}>
-              <FaEdit className="text-blue-400 cursor-pointer" />
+              <FaEdit className="text-blue-400 cursor-pointer text-2xl" />
             </Link>
           </span>
           <span className="mr-4" title="delete book">
             <FaTrash
-              className="text-red-600 cursor-pointer"
+              className="text-red-600 cursor-pointer text-2xl"
               onClick={handleDeleteBook}
             />
           </span>
-          <span title="mark as complete">
-            <FaCheckSquare
-              className="text-green-600 cursor-pointer"
-              onClick={handleCompleteBook}
-            />
+          <span title="mark as complete" onClick={handleCompleteBook}>
+            {end ? (
+              <FaCheckSquare className="text-green-600 cursor-pointer text-2xl" />
+            ) : (
+              <FaRegSquare className="text-green-600 cursor-pointer text-2xl" />
+            )}
           </span>
         </div>
       )}

From 3e70a5b387459eaf7c1dc09da438b265821e20cb Mon Sep 17 00:00:00 2001
From: John Mwendwa <72663882+JohnMwendwa@users.noreply.github.com>
Date: Sat, 16 Sep 2023 22:43:09 +0300
Subject: [PATCH 3/3] toggle end date state

---
 src/pages/api/books/update.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/pages/api/books/update.ts b/src/pages/api/books/update.ts
index 488d2fa..1d0ddea 100644
--- a/src/pages/api/books/update.ts
+++ b/src/pages/api/books/update.ts
@@ -70,7 +70,7 @@ const handler = async (req: NextApiRequest, res: NextApiResponse) => {
 
       // Update book finish date
       const book = await Book.findById(id);
-      book.end = new Date();
+      book.end ? (book.end = null) : (book.end = new Date());
       await book.save();
 
       return res.status(201).json({