Merge pull request #123 from bored-engineers/TRA-115-Add_Brand_link_o…

…n_the_Landing_Page Saptarshi | Added branding on Landing Page
bored-engineers · Oct 8, 2020 · f98471e · f98471e
2 parents 120fe36 + 0231ba4
commit f98471e
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 0 deletions.
diff --git 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
+        }
 
     }
 }
diff --git 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>
-Original file line number
+Diff line change
@@ Expand Up / @@ -73,6 +73,9 @@ @@
                 }
             }
+            .footer{
+                margin: 0% !important
+            }
         }
     }