✨ add new feedback when there are no upcoming events

td-org-uit-no · Nov 23, 2023 · 4fe3090 · 4fe3090
1 parent 40b7e73
commit 4fe3090
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 4 deletions.
diff --git a/src/components/pages/homepage/HomePage.tsx b/src/components/pages/homepage/HomePage.tsx
@@ -7,11 +7,13 @@ import EventPreview from 'components/molecules/event/eventPreview/EventPreview';
 import useUpcomingEvents from 'hooks/useEvents';
 import LoadingWrapper from 'components/atoms/loadingWrapper/LoadingWrapper';
 import { useMobileScreen } from 'hooks/useMobileScreen';
+import NoUpcomingEvents from 'components/molecules/homePage/noUpcomingEventResponse/evnetResponse';
 
 const RootPage = () => {
-  const { events } = useUpcomingEvents();
   useTitle('Tromsøstudentenes-Dataforening');
+  const { events } = useUpcomingEvents();
   const isMobile = useMobileScreen();
+
   return (
     <div className={styles.root}>
       <HomeHeader />
@@ -40,9 +42,7 @@ const RootPage = () => {
                 </Carousel>
               </div>
             ) : (
-              <h3 style={{ minHeight: '45vh' }}>
-                Ingen kommende arrangementer{' '}
-              </h3>
+              <NoUpcomingEvents />
             )}
           </LoadingWrapper>
         </div>

diff --git a/src/components/pages/homepage/homePage.module.scss b/src/components/pages/homepage/homePage.module.scss
@@ -13,6 +13,7 @@
 .eventsWrapper {
   display: flex;
   justify-content: center;
+  text-align: center;
   width: 75vw;
 }