From 1d3c5fbbca8d26e5d9d45424b89d3ac8185faec2 Mon Sep 17 00:00:00 2001
From: Mathias Wagner <germannewsmaker@gmail.com>
Date: Wed, 31 May 2023 01:35:28 +0200
Subject: [PATCH] Created the QRCode Mail.jsx

---
 .../pages/tools/general/QRCode/pages/Mail.jsx | 35 +++++++++++++++++++
 1 file changed, 35 insertions(+)
 create mode 100644 client/src/pages/tools/general/QRCode/pages/Mail.jsx

diff --git a/client/src/pages/tools/general/QRCode/pages/Mail.jsx b/client/src/pages/tools/general/QRCode/pages/Mail.jsx
new file mode 100644
index 0000000..3b462ea
--- /dev/null
+++ b/client/src/pages/tools/general/QRCode/pages/Mail.jsx
@@ -0,0 +1,35 @@
+import {useEffect, useState} from "react";
+
+export default ({setContent}) => {
+    const [mailAddress, setMailAddress] = useState("");
+    const [mailSubject, setMailSubject] = useState("");
+    const [mailMessage, setMailMessage] = useState("");
+
+    useEffect(() => {
+        if (mailAddress === "" && mailSubject === "" && mailMessage === "") return;
+        setContent(`mailto:${mailAddress}?subject=${mailSubject}&body=${mailMessage}`);
+    }, [mailAddress, mailSubject, mailMessage]);
+
+
+    return (
+        <>
+            <div className="qr-group">
+                <h2>E-Mail-Adresse</h2>
+                <input className="qr-input-field" type="text" value={mailAddress} placeholder="mathias@gnmyt.dev"
+                       onChange={(e) => setMailAddress(e.target.value)}/>
+            </div>
+
+            <div className="qr-group">
+                <h2>Betreff</h2>
+                <input className="qr-input-field" type="text" value={mailSubject} placeholder="Hallo!"
+                       onChange={(e) => setMailSubject(e.target.value)}/>
+            </div>
+
+            <div className="qr-group">
+                <h2>Nachricht</h2>
+                <input className="qr-input-field" type="text" value={mailMessage} placeholder="Hier meine Nachricht :)"
+                       onChange={(e) => setMailMessage(e.target.value)}/>
+            </div>
+        </>
+    );
+}
\ No newline at end of file