Mathias/PowerTools
Archived
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Created the QRCode Mail.jsx

Browse Source
This commit is contained in:
Mathias Wagner 2023-05-31 01:35:28 +02:00
parent 0e2bbe0a46
commit 1d3c5fbbca
Signed by: Mathias
GPG Key ID: B8DC354B0A1F5B44
1 changed files with 35 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

35
client/src/pages/tools/general/QRCode/pages/Mail.jsx Normal file
View File

@ -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>
</>
);
}