feat(UI): added UI rendering feature if no meetings available

hackforla · Nov 12, 2023 · 27df8a4 · 27df8a4
1 parent 23e6122
commit 27df8a4
Showing 1 changed file with 14 additions and 10 deletions.
diff --git 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>
   );
 };