From 0231ba4fc66fbd5e7accf30a86fc4d101bed5213 Mon Sep 17 00:00:00 2001
From: "saptarshi.deb" <sap7deb@gmail.com>
Date: Wed, 7 Oct 2020 17:25:26 +0530
Subject: [PATCH] Saptarshi | Added branding on Langing Page

---
 .../src/components/landing-page/LandingPage.scss   |  3 +++
 .../src/components/landing-page/LandingPage.tsx    | 14 ++++++++++++++
 2 files changed, 17 insertions(+)

diff --git a/packages/webapp/src/components/landing-page/LandingPage.scss b/packages/webapp/src/components/landing-page/LandingPage.scss
index 55f079a..440b822 100644
--- a/packages/webapp/src/components/landing-page/LandingPage.scss
+++ b/packages/webapp/src/components/landing-page/LandingPage.scss
@@ -73,6 +73,9 @@
                 
             }
         }
+        .footer{
+            margin: 0% !important
+        }
         
     }
 }
\ No newline at end of file
diff --git a/packages/webapp/src/components/landing-page/LandingPage.tsx b/packages/webapp/src/components/landing-page/LandingPage.tsx
index 39b318d..35093e9 100644
--- a/packages/webapp/src/components/landing-page/LandingPage.tsx
+++ b/packages/webapp/src/components/landing-page/LandingPage.tsx
@@ -21,6 +21,7 @@ import { createBoard, joinBoard } from '../../services/board.service';
 import './LandingPage.scss';
 import boardImage from '../../assets/board.svg';
 import { getUserIDStorageKey } from '../../common-utils';
+import { Box, Link } from '@material-ui/core';
 
 type TLandingPageDispatchProps = {
     setUserId: Function,
@@ -116,6 +117,16 @@ const LandingPage = (props: TLandingPageProps) => {
         if (boardId) setBoardId(boardId);
     }, [location.search, setBoardId]);
 
+    function Branding() {
+        return (
+            <Typography variant="body2" color="textSecondary" align="center">
+            {'From the minds of '}
+            <Link color="primary" href="https://github.com/orgs/bored-engineers/people" target="_black">
+           <b>Bored Engineers</b>
+            </Link>{' '}
+          </Typography>
+        );
+      }
     return (
         <React.Fragment>
             <Grid container direction="column" justify="center" alignItems="center" className="landingPage">
@@ -148,6 +159,9 @@ const LandingPage = (props: TLandingPageProps) => {
                         {joinBoardProgress && <LinearProgress />}
                         {joinBoardError && <FormHelperText error>{joinBoardError.message}</FormHelperText>}
                     </div>
+                    <Box mt={2} className="footer">
+                        <Branding />
+                    </Box>
                 </Card>
             </Grid>
         </React.Fragment>