From 27df8a44da1b7512ff95bf032eba1a509cc510e4 Mon Sep 17 00:00:00 2001
From: freaky4wrld <freaky4wrld@gmail.com>
Date: Sun, 12 Nov 2023 11:34:39 +0530
Subject: [PATCH] feat(UI): added UI rendering feature if no meetings available

---
 client/src/pages/Home.js | 24 ++++++++++++++----------
 1 file changed, 14 insertions(+), 10 deletions(-)

diff --git a/client/src/pages/Home.js b/client/src/pages/Home.js
index e64a6f4b..3e90abd8 100644
--- a/client/src/pages/Home.js
+++ b/client/src/pages/Home.js
@@ -49,7 +49,7 @@ const Home = () => {
         <h2>Volunteer Relationship Management System</h2>
       </div>
 
-      {events && events.length >= 1 && (
+      {events && events.length > 0 ? (
         <div className="meeting-select-container">
           <form
             className="form-select-meeting"
@@ -85,21 +85,25 @@ const Home = () => {
             </div>
           </form>
         </div>
-      )}
+      ):(
 
       <div className="home-buttons">
         {/* If no events with checkInReady: true */}
-        {events.length === 0 && <CreateNewProfileButton />}
-
+        {/* If no meetings available*/}
+        <p>No meetings available</p>
+        <CreateNewProfileButton />
+      </div>
+      )}  
         {/* If any events with checkInReady: true */}
         {events.length > 0 && (
-          <CheckInButtons
-            disabled={selectedEvent === ''}
-            event={selectedEvent}
-            events={events}
-          />
+          <div className="home-buttons">
+            <CheckInButtons
+              disabled={selectedEvent === ''}
+              event={selectedEvent}
+              events={events}
+            />
+          </div>  
         )}
-      </div>
     </div>
   );
 };