Donat/SerpentRace
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

[#56] Landing Pagehttps://project.mdnd-it.cc/work_packages/56

Browse Source
This commit is contained in:
WalkeU
2025-07-07 10:11:41 +02:00
parent 9296782fc1
commit 19c762fe67
19 changed files with 848 additions and 138 deletions
Download Patch File Download Diff File Expand all files Collapse all files
SerpentRace_Frontend/src/pages/Testing/Test.jsx
+41 -46
View File
@@ -1,55 +1,50 @@
// src/pages/Testing/Test.jsx
// itt tesztelhetjük a komponenseket illetve bármit
import { useState } from "react";
import Button from "../../components/Buttons/Button";
import InputBox from "../../components/Inputs/InputBox";
import PopUp from "../../components/PopUp/PopUp";
import Logo from "../../assets/pictures/Logo.jsx";
import { useState } from "react"
import Button from "../../components/Buttons/Button"
import InputBox from "../../components/Inputs/InputBox"
import PopUp from "../../components/PopUp/PopUp"
import Logo from "../../assets/pictures/Logo.jsx"
import Navbar from "../../components/Navbar/Navbar"
import Footer from "../../components/Footer/Footer.jsx"
export default function Test() {
const [showPopup, setShowPopup] = useState(false);
const [inputValue, setInputValue] = useState(""); // input értékének tárolása
const [showPopup, setShowPopup] = useState(false)
const [inputValue, setInputValue] = useState("") // input értékének tárolása
return (
<div className="w-full h-screen flex flex-col items-center justify-center space-y-6">
<InputBox
placeholder="E-mail cím"
type="text"
width="w-1/2"
value={inputValue}
onChange={(e) => setInputValue(e.target.value)}
/>
<Button
text="Regisztráció"
type="button"
width="w-1/2"
onClick={() => setShowPopup(true)}
/>
{showPopup && (
<PopUp onClose={() => setShowPopup(false)}>
<div className="flex flex-col items-center space-y-4">
{/* <Logo size={120} /> */}
<h1 className="text-2xl font-bold text-center">
Sikeres regisztráció!
</h1>
<p className="text-center text-gray-600">
Kérjük, erősítsd meg az e-mail címedet!<br />
Egy megerősítő linket küldtünk az általad megadott e-mail címre
<span className="font-semibold text-black"> {inputValue}</span>.
</p>
<p className="text-center text-sm text-gray-500">
Ha nem kaptad meg a levelet, ellenőrizd a spam mappádat is!
</p>
<Button
text="Bezár"
type="button"
width="w-24"
onClick={() => setShowPopup(false)}
/>
</div>
</PopUp>
)}
<div className="w-full h-screen flex flex-col">
<Navbar />
<div className="flex-1 flex flex-col items-center justify-center space-y-6">
<InputBox
placeholder="E-mail cím"
type="text"
width="w-1/2"
value={inputValue}
onChange={(e) => setInputValue(e.target.value)}
/>
<Button text="Regisztráció" type="button" width="w-1/2" onClick={() => setShowPopup(true)} />
{showPopup && (
<PopUp onClose={() => setShowPopup(false)}>
<div className="flex flex-col items-center space-y-4">
{/* <Logo size={120} /> */}
<h1 className="text-2xl font-bold text-center">Sikeres regisztráció!</h1>
<p className="text-center text-gray-600">
Kérjük, erősítsd meg az e-mail címedet!
<br />
Egy megerősítő linket küldtünk az általad megadott e-mail címre
<span className="font-semibold text-black"> {inputValue}</span>.
</p>
<p className="text-center text-sm text-gray-500">
Ha nem kaptad meg a levelet, ellenőrizd a spam mappádat is!
</p>
<Button text="Bezár" type="button" width="w-24" onClick={() => setShowPopup(false)} />
</div>
</PopUp>
)}
</div>
<Footer />
</div>
);
)
}