diff --git a/react_alap/mai/package-lock.json b/react_alap/mai/package-lock.json index a9e22a93..961539b5 100644 --- a/react_alap/mai/package-lock.json +++ b/react_alap/mai/package-lock.json @@ -13715,6 +13715,7 @@ "version": "5.4.0", "resolved": "https://registry.npmjs.org/react-icons/-/react-icons-5.4.0.tgz", "integrity": "sha512-7eltJxgVt7X64oHh6wSWNwwbKTCtMfK35hcjvJS0yxEAhPM8oUKdS3+kqaW1vicIltw+kR2unHaa12S9pPALoQ==", + "license": "MIT", "peerDependencies": { "react": "*" } diff --git a/react_alap/mai/src/25_01_28/Connection.jsx b/react_alap/mai/src/25_01_28/Connection.jsx index e58d07d0..b0d9606d 100644 --- a/react_alap/mai/src/25_01_28/Connection.jsx +++ b/react_alap/mai/src/25_01_28/Connection.jsx @@ -3,62 +3,80 @@ import { Link } from "react-router-dom"; import Menu from "./Menu"; import "./CSS/Contact.css"; import { FaFacebook, FaLinkedin, FaGithub, FaTwitter } from "react-icons/fa"; +import { MdEmail } from "react-icons/md"; +import Connection_form from "./Connection_form"; + +const email = "digivagyok@gmail.com"; +const mailto = "mailto:digivagyok@gmail.com"; -function Connection(){ - return ( - <> - -
-

Kapcsolat

-

- Itt megtalálod az elérhetőségeimet és kapcsolatba léphetsz velem. -

-
-
- - - Facebook - digivagyok - -
-
- - - LinkedIn - digivagyok - -
-
- - - GitHub - digivagyok - -
-
- - - Twitter - digivagyok - +function Connection() { + return ( + <> + +
+

Kapcsolat

+

+ Itt megtalálod az elérhetőségeimet és kapcsolatba léphetsz velem. +

+ + +
-
- - ) + + + ) } export default Connection; \ No newline at end of file diff --git a/react_alap/mai/src/25_01_28/Connection_form.jsx b/react_alap/mai/src/25_01_28/Connection_form.jsx new file mode 100644 index 00000000..b8c66558 --- /dev/null +++ b/react_alap/mai/src/25_01_28/Connection_form.jsx @@ -0,0 +1,56 @@ +import { useState } from "react"; +import React from "react"; +import { Link } from "react-router-dom"; + +const ButtonMailto = ({mailto, label}) => { + return ( + { + window.location.href = mailto; + e.preventDefault(); + }} + > + {label} + + ); +}; + +var mailto = "mailto:digivagyok@gmail.com?"; +const mailtoAlap = "mailto:digivagyok@gmail.com"; + + +function Connection_form(){ + const [user, setUser] = useState({}); + + let feldolgoz = () => { + mailto = `${mailtoAlap}?subject=${user.name}&body=${user.body}`; + } + + let eventHandling = (event) => { + setUser({ + ...user, + [event.target.name]: event.target.value + }); + + feldolgoz(); + + } + + + + return ( + <> +
+ + eventHandling(event)}> + eventHandling(event)}> + + + +

{mailto}

+ + ) +} + +export default Connection_form; \ No newline at end of file