Merge pull request #463 from unitaryfund/footer-newsletter

Adding newsletter to footer

package.json

@@ -25,6 +25,7 @@
     "react-dom": "^17.0.2",
     "react-icons": "^4.3.1",
     "react-infinite-scroll-component": "^6.1.0",
+    "react-mailchimp-subscribe": "^2.1.3",
     "react-router-dom": "^5.2.0",
     "react-scripts": "^5.0.0",
     "react-share": "^4.4.0",

src/components/simple-react-footer/SimpleReactFooter.js

@@ -1,6 +1,7 @@
 import React from 'react'
 import PropTypes from 'prop-types'
 import './SimpleReactFooter.sass'
+import MailchimpSubscribe from 'react-mailchimp-subscribe'
 import { FaDiscord, FaGithub, FaPinterestSquare, FaTwitterSquare } from 'react-icons/fa'
 import { ImFacebook2, ImInstagram, ImLinkedin, ImTwitch, ImYoutube } from 'react-icons/im'
 import logo from './../../images/unitary_fund_logo.png'
@@ -42,6 +43,10 @@ class SimpleReactFooter extends React.Component {
 
         <div>
           <div style={{ color: this.props.copyrightColor || 'grey' }} className='copyright'>Questions? Email: <a href='mailto:[email protected]'>[email protected]</a></div>
+          <div>
+            <label>Stay up to date on metriq.info!</label>
+            <MailchimpSubscribe url='https://fund.us18.list-manage.com/subscribe/post?u=104796c75ced8350ebd01eebd&amp;id=a2c9e5ac2a' />
+          </div>
           <div style={{ color: this.props.copyrightColor || 'grey' }} className='copyright'>All content on this website is openly licensed under <a href='https://creativecommons.org/licenses/by-sa/4.0/'>CC-BY-SA</a>. Members agree to the <a href='/MetriqTermsofUse' target='_blank'>Metriq Platform Terms of Use</a>.</div>
           <div style={{ color: this.props.copyrightColor || 'grey' }} className='copyright'>Copyright &copy; {this.props.copyright}</div>
         </div>