1  import React from 'react'
 2  import PropTypes from 'prop-types'
 3  import styles from './Footer.module.scss'
 4  import communityIcon from '../../common/assets/images/community.svg'
 5  import addDappIcon from '../../common/assets/images/add-dapp.svg'
 6  import supportIcon from '../../common/assets/images/support.svg'
 7  
 8  const Footer = props => {
 9    const { onClickSubmit } = props
10  
11    return (
12      <div className={styles.footer}>
13        <a
14          href="https://join.status.im/dap-ps"
15          className={styles.footerItem}
16        >
17          <div className={styles.iconWrap}>
18            <img src={communityIcon} alt="Join the DApp community chat" />
19          </div>
20          <div>
21            <h2>Join the DApp community chat</h2>
22            <p>
23              Status is a worldwide community committed to web3. Come discuss your
24              new favourite DApp with us.
25            </p>
26          </div>
27        </a>
28        <div className={styles.footerItem} onClick={onClickSubmit}>
29          <div className={styles.iconWrap}>
30            <img src={addDappIcon} alt="Submit a DApp" />
31          </div>
32          <div>
33            <h2>Submit a DApp</h2>
34            <p>Submit your favourite DApp now! No permission required.</p>
35          </div>
36        </div>
37        <a
38          href="https://join.status.im/support"
39          className={styles.footerItem}
40        >
41          <div className={styles.iconWrap}>
42            <img src={supportIcon} alt="Support" />
43          </div>
44          <div>
45            <h2>Support</h2>
46            <p>
47              Can&apos;t find what you&apos;re looking for? Reach out and
48              we&apos;ll see if we can help.
49            </p>
50          </div>
51        </a>
52      </div>
53    )
54  }
55  
56  Footer.propTypes = {
57    onClickSubmit: PropTypes.func.isRequired,
58  }
59  
60  export default Footer