🔥

src/components/Icon.tsx

@@ -0,0 +1,36 @@
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
+import toast, { Toaster } from 'react-hot-toast';
+import copy from 'copy-to-clipboard'
+
+const Icon = ({icon, reference, copy = false} : {icon: any, reference: any, copy?: boolean}) => {
+    return(
+        <>
+            { 
+                copy ? (
+                    <a onClick={() => doThings(reference)}>
+                        <FontAwesomeIcon icon={icon} />
+                    </a>
+                ) : (
+                    <a href={reference} target='_blank' rel="noopener noreferrer" aria-label="Icon">
+                        <FontAwesomeIcon icon={icon} />
+                    </a>
+                )
+            }
+            <Toaster position='bottom-left' reverseOrder={false} />
+        </>
+    )
+}
+
+const doThings = (value: any) => {
+    copy(value)
+    toast.remove()
+    toast.success('Successfully copied to clipboard', {
+        style: {
+            background: '#111',
+            color: '#fff',
+            fontSize: '1.1rem'
+        }
+    })
+}
+
+export default Icon