Added links to the ReactType Logo

Author: dentonwong

app/src/Dashboard/NavbarDash.tsx

@@ -93,11 +93,13 @@ export default function NavBar(props) {
     <div className={classes.root} style={style}>
       <AppBar position='static'>
         <Toolbar>
-          <Avatar src={greenLogo}></Avatar>
-          <Typography variant="h6" style={{ marginLeft: '1rem' }} className={classes.title}>
-            ReacType
-          </Typography>
-           <div style ={ { textDecoration: 'none' } }>
+          <Link to="/" style={{display: 'inline-flex', justifyContent: 'center', textDecoration: 'none'}}>  
+            <Avatar src={greenLogo}></Avatar>
+            <Typography variant="h6" style={{ marginTop: '0.3rem', marginLeft: '0.5rem', color: 'silver' }} className={classes.title}>
+              ReacType
+            </Typography>
+          </Link> 
+           <div style ={ { marginLeft: '0.5rem', textDecoration: 'none' } }>
             <Button
             variant='contained'
             color='primary'

app/src/components/top/NavBar.tsx

@@ -5,6 +5,7 @@ import { RootState } from '../../redux/store';
 //commenting out the line below breaks the app
 import logo from '../../public/icons/win/logo.png';
 import { useSelector } from 'react-redux';
+import { Link } from 'react-router-dom'; 
 
 const NavBar = (props) => {
   // for dropdown navbar
@@ -22,12 +23,14 @@ const NavBar = (props) => {
           : { backgroundColor: '#151515' }
       }
     >
+      <Link to="/" style={{textDecoration: 'none'}}> 
       <div className="main-logo">
         <Avatar src={logo}></Avatar>
         <h1 style={isDarkMode ? { color: '#C6C6C6' } : { color: '#C6C6C6' }}>
           ReacType
         </h1>
       </div>
+      </Link>  
       <div onMouseLeave={() => setDropMenu(false)}>
         <svg
           xmlns="http://www.w3.org/2000/svg"