From fc2b1a95e61dcc1bacb624f94b5b77374eb65faa Mon Sep 17 00:00:00 2001
From: eug-vs <eug-vs@keemail.me>
Date: Sun, 15 Nov 2020 04:42:11 +0300
Subject: refactor: LoginSection -> LoginForm

---
 .../BsuFantomSection/BsuFantomSection.tsx          | 42 +++++++++++++++-------
 1 file changed, 30 insertions(+), 12 deletions(-)

(limited to 'src/containers/BsuFantomSection/BsuFantomSection.tsx')

diff --git a/src/containers/BsuFantomSection/BsuFantomSection.tsx b/src/containers/BsuFantomSection/BsuFantomSection.tsx
index 496c210..33f39b2 100644
--- a/src/containers/BsuFantomSection/BsuFantomSection.tsx
+++ b/src/containers/BsuFantomSection/BsuFantomSection.tsx
@@ -4,28 +4,46 @@ import { Grid, Link } from '@material-ui/core';
 import EventCard from '../../components/EventCard/EventCard';
 import { useEvents } from '../../hooks/APIClient';
 import EventForm from './EventForm';
+import LoginForm from './LoginForm';
+import { useAuth } from '../../hooks/useAuth';
 
 
 const BsuFantomSection: React.FC = () => {
   const { data: events, mutate } = useEvents();
+  const { isAuthenticated } = useAuth();
 
   return (
     <ContentSection sectionName="bsu-fantom" level={1}>
       <p>
         Schedule your offline <Link href="https://edufpmi.bsu.by">EDUFPMI</Link> conference attendance
       </p>
-      <ContentSection sectionName="Schedule an event" level={2}>
-        <EventForm mutate={mutate} />
-      </ContentSection>
-      <ContentSection sectionName="Upcoming events" level={2}>
-        <Grid container spacing={2}>
-          {events?.map((event, index) => (
-            <Grid item xs={4}>
-              <EventCard event={event} mutate={mutate} />
-            </Grid>
-          ))}
-        </Grid>
-      </ContentSection>
+      {
+        isAuthenticated
+        ? (
+          <>
+            <ContentSection sectionName="Schedule an event" level={2}>
+              <EventForm mutate={mutate} />
+            </ContentSection>
+            <ContentSection sectionName="Upcoming events" level={2}>
+              <Grid container spacing={2}>
+                {events?.map((event, index) => (
+                  <Grid item xs={4}>
+                    <EventCard event={event} mutate={mutate} />
+                  </Grid>
+                ))}
+              </Grid>
+            </ContentSection>
+          </>
+        ) : (
+          <ContentSection sectionName="Login" level={2}>
+            <p>
+              In order to use <b>bsu-fantom</b> you must log in
+              using your <Link href="https://edufpmi.bsu.by">EDUFPMI</Link> credentials:
+            </p>
+            <LoginForm />
+          </ContentSection>
+        )
+      }
     </ContentSection>
   );
 };
-- 
cgit v1.2.3

