From 9ccc1911332bd4d06b00d82c572b898139cef4a7 Mon Sep 17 00:00:00 2001
From: jc <46619361+juancwu@users.noreply.github.com>
Date: Mon, 13 May 2024 12:24:18 -0400
Subject: [PATCH] update rsvp status in home page

---
 src/pages/Home/Home.page.tsx | 25 +++++++++++++------------
 1 file changed, 13 insertions(+), 12 deletions(-)

diff --git a/src/pages/Home/Home.page.tsx b/src/pages/Home/Home.page.tsx
index 809e3c97..9b95b14c 100644
--- a/src/pages/Home/Home.page.tsx
+++ b/src/pages/Home/Home.page.tsx
@@ -113,17 +113,18 @@ const HomePage = () => {
                         </div>
                     </Card>
 
-                    <Card title="RSVP Status" className="xl:col-span-5">
-                        <span className="flex flex-col gap-2">
-                            <p className="text-[#333] text-sm">
-                                RSVP status:{" "}
-                                <b>
-                                    {currentUser?.rsvpVerified
-                                        ? "RSVP'd"
-                                        : "Not RSVP'd"}
-                                </b>
-                            </p>
-                        </span>
+                <Card title="RSVP Status" className="xl:col-span-5">
+                    <span className="flex flex-col gap-2">
+                        <p className="text-lg">
+                            RSVP status:{" "}
+                            <span className="font-bold">
+                                {currentUser?.rsvpVerified
+                                    ? "RSVP'd"
+                                    : "Not RSVP'd"}
+                                <span className="capitalize">{` (${currentUser?.type})`}</span>
+                            </span>
+                        </p>
+                    </span>
                         <Button
                             onClick={() =>
                                 !disableAllActions && setOpenWithdrawRSVP(true)
@@ -133,7 +134,7 @@ const HomePage = () => {
                         >
                             Not able to make it?
                         </Button>
-                    </Card>
+                </Card>
 
                     <Card
                         title="Important Information"