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

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

diff --git a/client/src/pages/tools/general/QRCode/pages/SMS.jsx b/client/src/pages/tools/general/QRCode/pages/SMS.jsx
new file mode 100644
index 0000000..dea1125
--- /dev/null
+++ b/client/src/pages/tools/general/QRCode/pages/SMS.jsx
@@ -0,0 +1,27 @@
+import {useEffect, useState} from "react";
+
+export default ({setContent}) => {
+    const [phoneNumber, setPhoneNumber] = useState("");
+    const [phoneMessage, setPhoneMessage] = useState("");
+
+    useEffect(() => {
+        if (phoneNumber === "" && phoneMessage === "") return;
+        setContent(`SMSTO:${phoneNumber}:${phoneMessage}`);
+    }, [phoneNumber, phoneMessage]);
+
+    return (
+        <>
+            <div className="qr-group">
+                <h2>Telefonnummer</h2>
+                <input className="qr-input-field" type="text" value={phoneNumber} placeholder="+49 123 456789"
+                       onChange={(e) => setPhoneNumber(e.target.value)}/>
+            </div>
+
+            <div className="qr-group">
+                <h2>Nachricht</h2>
+                <input className="qr-input-field" type="text" value={phoneMessage} placeholder="Hallo!"
+                       onChange={(e) => setPhoneMessage(e.target.value)}/>
+            </div>
+        </>
+    );
+}
\ No newline at end of file