Social -> Networks

src/components/molecules/Networks.jsx

@@ -10,9 +10,9 @@ import { ReactComponent as GitHub } from '../../images/github.svg'
 import { ReactComponent as Dribbble } from '../../images/dribbble.svg'
 
 import '../atoms/Icons.scss'
-import './Social.scss'
+import './Networks.scss'
 
-const SocialIcon = props => {
+const NetworkIcon = props => {
   switch (props.title) {
     case 'Email':
       return <Email {...props} />
@@ -29,7 +29,7 @@ const SocialIcon = props => {
   }
 }
 
-class Social extends PureComponent {
+class Network extends PureComponent {
   constructor(props) {
     super(props)
 
@@ -65,7 +65,7 @@ class Social extends PureComponent {
                 href={social[key]}
                 key={i}
               >
-                <SocialIcon title={key} className="icon" />
+                <NetworkIcon title={key} className="icon" />
                 <span className="networks__title">{key}</span>
               </OutboundLink>
             ))}
@@ -76,10 +76,10 @@ class Social extends PureComponent {
   }
 }
 
-Social.propTypes = {
+Network.propTypes = {
   meta: PropTypes.object,
   minimal: PropTypes.bool,
   hide: PropTypes.bool,
 }
 
-export default Social
+export default Network

src/components/molecules/Networks.scss

@@ -32,8 +32,6 @@
     }
 
     .icon {
-        width: 1rem;
-        height: 1rem;
         fill: $brand-grey-light;
     }
 

src/components/organisms/Footer.jsx

@@ -2,7 +2,7 @@ import React, { PureComponent } from 'react'
 import PropTypes from 'prop-types'
 import FileSaver from 'file-saver'
 import vCard from '../../lib/vcf/vcard'
-import Social from '../molecules/Social'
+import Networks from '../molecules/Networks'
 import './Footer.scss'
 
 class Footer extends PureComponent {
@@ -54,7 +54,7 @@ class Footer extends PureComponent {
 
     return (
       <footer className="footer">
-        <Social meta={meta} minimal />
+        <Networks meta={meta} minimal />
         <p className="footer__actions">
           <a
             href={`${meta.url}/${this.generateFileName()}`}

src/components/organisms/Header.jsx

@@ -2,7 +2,7 @@ import React, { PureComponent } from 'react'
 import Link from 'gatsby-link'
 import PropTypes from 'prop-types'
 import { FadeIn } from '../atoms/Animations'
-import Social from '../molecules/Social'
+import Networks from '../molecules/Networks'
 import Availability from '../molecules/Availability'
 import ThemeSwitch from '../molecules/ThemeSwitch'
 import { ReactComponent as Logo } from '../../images/logo.svg'
@@ -49,7 +49,7 @@ class Header extends PureComponent {
           </Link>
         </FadeIn>
 
-        <Social meta={meta} hide={!isHomepage} />
+        <Networks meta={meta} hide={!isHomepage} />
 
         <Availability
           meta={meta}