move copyright text

Author: mjiang108

app/components/About.tsx

@@ -30,7 +30,10 @@ const About: React.FC = React.memo(() => {
         <p style={currentMode} className="text">Grace, Jen, Patty, Stella, Michael, Ronelle, Todd, Greg
         Brianna, Brian, Alon, Alan
         Ousman, Ben, Chris, Jenae, Tim</p>
+        <br/>
+        <p style={currentMode}>Copyright © Team Chronos 2021.</p>
       </div>
+
     </div>
   );
 });

app/components/Settings.tsx

@@ -3,7 +3,6 @@ import '../stylesheets/Settings.scss';
 
 // DASHBOARD CONTEXT
 import { DashboardContext } from '../context/DashboardContext';
-import { lightAndDark } from './Styling';
 
 // Need to add flag to turn off the splash at start
 // Need to add flag to turn off getting started page
@@ -15,12 +14,10 @@ type ClickEvent = React.MouseEvent<HTMLElement>;
 
 const Settings: React.SFC = React.memo((props) => {
   //use context from Dash board regarding currentMode
-  let { mode, changeMode } = useContext(DashboardContext);
+  let { changeMode } = useContext(DashboardContext);
   const handleClick = (mode: string) => {
     changeMode(mode);
   }
-  console.log(mode);
-  let currentMode = (mode === 'light mode')? lightAndDark.lightModeText : lightAndDark.darkModeText;
 
   return (
     <div className="settings">
@@ -31,9 +28,6 @@ const Settings: React.SFC = React.memo((props) => {
       <button className="mode" id="darkMode" onClick={() => handleClick("dark mode")}>
         Dark
       </button>
-      <div className="copyright-container">
-        <p style={currentMode}>Copyright © Team Chronos 2021.</p>
-      </div>
     </div>
   );
 });