From d021ad14c1bc11eec5aa75f50a8842bd28f86fb2 Mon Sep 17 00:00:00 2001
From: Hibatullah Fawwaz Hana <hiba.kudus@gmail.com>
Date: Sat, 28 Jun 2025 21:44:34 +0700
Subject: [PATCH] style: rsvp confirmed

---
 app/applications/page.tsx | 17 +++++++++++++++--
 1 file changed, 15 insertions(+), 2 deletions(-)

diff --git a/app/applications/page.tsx b/app/applications/page.tsx
index e130f9d..3dcdb8a 100644
--- a/app/applications/page.tsx
+++ b/app/applications/page.tsx
@@ -500,6 +500,9 @@ export default function Applications() {
   const displayableApplications = applications.filter(
     (app) => app.status !== APPLICATION_STATUS.NOT_APPLICABLE
   );
+  const confirmedRSVPApplications = applications.filter(
+    (app) => app.status === APPLICATION_STATUS.CONFIRMED_RSVP
+  );
 
   return (
     <div className="space-y-6">
@@ -522,7 +525,7 @@ export default function Applications() {
                 </div>
                 <div className="text-xs text-white/70">Pending</div>
               </div>
-              <div className="text-center py-2 md:py-0 px-2">
+              {/* <div className="text-center py-2 md:py-0 px-2">
                 <div
                   className={`text-xl font-bold mb-1 ${getStatusTextColor(
                     APPLICATION_STATUS.WAITLISTED
@@ -531,7 +534,7 @@ export default function Applications() {
                   {waitlistedApplications.length}
                 </div>
                 <div className="text-xs text-white/70">Waitlist</div>
-              </div>
+              </div> */}
               <div className="text-center py-2 md:py-0 px-2">
                 <div
                   className={`text-xl font-bold mb-1 ${getStatusTextColor(
@@ -552,6 +555,16 @@ export default function Applications() {
                 </div>
                 <div className="text-xs text-white/70">Accepted</div>
               </div>
+              <div className="text-center py-2 md:py-0 px-2">
+                <div
+                  className={`text-xl font-bold mb-1 ${getStatusTextColor(
+                    APPLICATION_STATUS.CONFIRMED_RSVP
+                  )}`}
+                >
+                  {confirmedRSVPApplications.length}
+                </div>
+                <div className="text-xs text-white/70">Confirmed RSVP</div>
+              </div>
             </div>
           </div>
           <div