From 11b004c69e90b43f35f74e449bf0243d12903518 Mon Sep 17 00:00:00 2001
From: PA4KEV <kevin.vd.vleuten@gmail.com>
Date: Wed, 1 Feb 2023 22:21:58 +0100
Subject: [PATCH] Add cool Emoji component

source: https://medium.com/@seanmcp/%EF%B8%8F-how-to-use-emojis-in-react-d23bbf608bf7
---
 src/Content/Emoji.js     | 16 ++++++++++++++++
 src/Pages/Radio/Radio.js |  3 ++-
 2 files changed, 18 insertions(+), 1 deletion(-)
 create mode 100644 src/Content/Emoji.js

diff --git a/src/Content/Emoji.js b/src/Content/Emoji.js
new file mode 100644
index 0000000..6487b88
--- /dev/null
+++ b/src/Content/Emoji.js
@@ -0,0 +1,16 @@
+import React from 'react';
+
+// source: https://medium.com/@seanmcp/%EF%B8%8F-how-to-use-emojis-in-react-d23bbf608bf7
+
+const Emoji = props => (
+    <span
+        className="emoji"
+        role="img"
+        aria-label={props.label ? props.label : ""}
+        aria-hidden={props.label ? "false" : "true"}
+    >
+        {props.symbol}
+    </span>
+);
+
+export default Emoji;
\ No newline at end of file
diff --git a/src/Pages/Radio/Radio.js b/src/Pages/Radio/Radio.js
index a92f919..b9d37e8 100644
--- a/src/Pages/Radio/Radio.js
+++ b/src/Pages/Radio/Radio.js
@@ -1,4 +1,5 @@
 import React from 'react';
+import Emoji from '../../Content/Emoji';
 
 const Radio = () => {
     return (        
@@ -13,7 +14,7 @@ const Radio = () => {
             <div className="scrollspy-example col-6 offset-3" data-bs-spy="scroll" data-bs-target="#list-example" data-bs-smooth-scroll="true" tabIndex="0">
                 <section className="content-section">
                     <div className='content-item'>
-                        <h1 id="list-intro" className="text-primary">Radio amateur</h1>
+                        <h1 id="list-intro" className="text-primary">Radio amateur <Emoji symbol="📻"/></h1>
                         <p>I am a (beginner) ham radio amateur! My callsign is: <b>PA4KEV</b></p>
                         <p>This hobby involves experimenting with wireless communication and electronics. Without the magic of radio, we would not have television, wifi or mobile phones.</p>
                         <p>Here I post my notes on the hobby.</p>