All files / src/components/Badges/OracleAssociateBadge OracleAssociateBadge.jsx

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
import React, { PureComponent } from 'react';
import ReactGA from 'react-ga';
import OracleAssociateImg from '../../../assets/images/oracle-certified-associate-java-se-8-programmer.png';
 
import styles from '../styles.scss';
 
class OracleAssociateBadge extends PureComponent {
  popup = (event) => {
    event.preventDefault();
    event.stopPropagation();
    const url = event.currentTarget.getAttribute('href');
    const urlHash = btoa(url);
 
    const cookiesAccepted = localStorage ? localStorage.getItem('cookiesAccepted') : false;
    if (cookiesAccepted) {
      ReactGA.outboundLink(
        {
          label: url,
        },
        () => {},
      );
    }
 
    window.open(url, urlHash);
  }
 
  render() {
    return (
      <a
        href="https://www.youracclaim.com/badges/82b8a687-2958-4e07-b34d-9fae29eb9a62/public_url"
        onClick={this.popup}
        target="_blank"
        rel="noopener noreferrer"
      >
        <img
          src={OracleAssociateImg}
          alt="Oracle Certified Associate, Java SE 8 Programmer"
          className={styles.badge}
        />
      </a>
    );
  }
}
 
export default OracleAssociateBadge;