small cleanup (mostly linting)

hackdartmouth · Mar 17, 2021 · a7403e0 · a7403e0
1 parent a638dde
commit a7403e0
Show file tree

Hide file tree

Showing 3 changed files with 24 additions and 14 deletions.
diff --git a/src/Footer.css b/src/Footer.css
@@ -6,9 +6,16 @@
   padding: 1em;
   font-family: "Roboto";
 }
-.social{
+
+.social {
   margin: 1.5em 1vw 1.5em 1vw;
 }
-.socialMobile{
+
+.socialMobile {
   margin: 1.5em 1vw 1em 1vw;
-}
+}
+
+.socialContainer a {
+  color: white;
+  flex-basis: 100%;
+}
diff --git a/src/Footer.jsx b/src/Footer.jsx
@@ -4,15 +4,21 @@ import { isMobile } from 'react-device-detect';
 import { SocialIcon } from 'react-social-icons';
 
 const socialSize = isMobile ? 25 : 45;
-const Footer = (props) => (
-  <div className='socialContainer'>
-    {props.socialLinks.map(link => (
-      <SocialIcon url={link} bgColor='#ffffff' className={ isMobile ? 'socialMobile' : 'social' } style={{ height: socialSize, width: socialSize }} />
+
+const Footer = ({socialLinks}) => (
+  <div className="socialContainer">
+    {socialLinks.map(link => (
+      <SocialIcon
+        key={link}
+        url={link}
+        bgColor="#FFFFFF"
+        className={isMobile ? 'socialMobile' : 'social'}
+        style={{ height: socialSize, width: socialSize }}
+      />
     ))}
-    <br></br>
-    <a style={{color:"#FFFFFF"}} href="http://mlh.io/code-of-conduct" class="active">MLH Code of Conduct</a>
+    <br />
+    <a href="http://mlh.io/code-of-conduct">MLH Code of Conduct</a>
   </div>
-
 );
 
 export default Footer;
diff --git a/src/RegisterBody.css b/src/RegisterBody.css
@@ -26,10 +26,7 @@
   border-radius: 10px;
   background-color: gray;
 }
-.socialContainer{
-  display: flex;
-  justify-content: center;
-}
+
 .social{
   margin: 1.5em .5vw 0 .5vw;
 }