Make DOIBadge functional and remove duplicated ID

src/components/doi/DOIBadge.js

@@ -2,29 +2,26 @@ import React from 'react';
 import { Glyphicon } from 'react-bootstrap';
 import './DOIBadge.css';
 
-class DOIBadge extends React.Component {
-  render() {
-    if (this.props.doi) {
-      if (this.props.doi.trim() !== '') {
-        const doiUrl = `https://doi.esrf.fr/${this.props.doi}`;
-        return (
-          <span className="doiBadge borderRadius-5 ">
-            DOI
-            <a
-              id="doiLink"
-              target="_blank"
-              rel="noopener noreferrer"
-              href={doiUrl}
-            >
-              {this.props.doi}
-            </a>
-          </span>
-        );
-      }
-      return null;
-    }
+function DOIBadge(props) {
+  const { doi } = props;
+
+  if (!doi) {
     return <Glyphicon glyph="lock" />;
   }
+
+  if (doi.trim() === '') {
+    return null;
+  }
+
+  const doiUrl = `https://doi.esrf.fr/${doi}`;
+  return (
+    <span className="doiBadge borderRadius-5">
+      DOI
+      <a target="_blank" rel="noopener noreferrer" href={doiUrl}>
+        {doi}
+      </a>
+    </span>
+  );
 }
 
 export default DOIBadge;