import React, { Component } from 'react';
import { Link } from 'react-router-dom';
import SocialMedia from 'shared/components/socialMedia/socialMedia';
import centerLogo from 'images/icons/Medal-Icon.svg';
import styles from './footer.css';

class Footer extends Component {
  render() {
    return (
      <div className={styles.footer}>
        <div className={styles.content}>
          <div className={styles.outerFooterGroups}>
            <div className={styles.email} >
              <a href="mailto:contact@operationcode.org">contact@operationcode.org</a>
            </div>
            <SocialMedia />
          </div>
          <div className={styles.logo}>
            <img src={centerLogo} alt="Operation Code Logo" />
            <p className={styles.copyright}>
              Copyright 2017 {' '}
              <br className={styles.copyrightLineBreak} />
              Operation Code™
            </p>
          </div>
          <div className={styles.outerFooterGroups}>
            {/* TODO: Uncomment when links are implemented */}
            <div className={styles.blockGroup} >
              <Link to="/faq">FAQ</Link>
              <Link to="/team">Team</Link>
              {/*
              <Link to="/about">About Us</Link>
              <Link to="/programs">Our Programs</Link>
              <Link to="/involved">Our Partners</Link>
              */}
            </div>
            <div className={styles.blockGroup} >
              {/* TODO: Uncomment when links are implemented */}
              {/* <Link to="/involved">Get Involved</Link>
              <Link to="/blog">Blog</Link> */}
              <Link to="/contact">Contact</Link>
              <a href="https://www.iubenda.com/privacy-policy/8174861" target="_blank" rel="noopener noreferrer">Privacy</a>
            </div>
          </div>
        </div>
      </div>
    );
  }
}

export default Footer;

@@ -1198,56 +1198,8 @@
 %7B/*%0A
-              %3CLink to=%22/about%22%3EAbout Us%3C/Link%3E%0A
     
@@ -1731,24 +1731,146 @@
 Privacy%3C/a%3E%0A
+              %3Ca href=%22https://smile.amazon.com/ch/47-4247572%22 target=%22_blank%22 rel=%22noopener noreferrer%22%3EAmazon Smile%3C/a%3E%0A
             

Add Amazon Smile reference to footer