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

[#46] Emial Verification https://project.mdnd-it.cc/work_packages/46 #5

Merged
Donat merged 2 commits from task/46-emial-verification into main 2025-05-17 22:25:06 +02:00
Conversation 0 Commits 2 Files Changed 1
+6 -2
1 changed files with 6 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit f398183332 - Show all commits
SerpentRace_Frontend/src/pages/Auth/EmailVerification.jsx
+6 -2
View File
@@ -1,3 +1,6 @@
// src/pages/Auth/EmailVerification.jsx
// Rublikák a kód beírásához, email ellenőrzéshez
import { useState, useRef } from "react"; import { useState, useRef } from "react";
import Background from "../../assets/backgrounds/Background"; import Background from "../../assets/backgrounds/Background";
import { motion } from "framer-motion"; import { motion } from "framer-motion";
@@ -43,8 +46,8 @@ export default function EmailVerification() {
const handleSubmit = (e) => { const handleSubmit = (e) => {
e.preventDefault(); e.preventDefault();
console.log("Code submitted:", code.join("")); console.log("Kód:", code.join(""));
// Logika a megerősítő kód ellenőrzésére // Backend API
}; };
return ( return (
@@ -71,6 +74,7 @@ export default function EmailVerification() {
onKeyDown={(e) => handleKeyDown(e, index)} onKeyDown={(e) => handleKeyDown(e, index)}
ref={(el) => (inputRefs.current[index] = el)} ref={(el) => (inputRefs.current[index] = el)}
className={`w-12 h-12 px-2 py-3 border rounded-lg focus:ring-4 focus:ring-indigo-400 text-gray-700 placeholder-gray-400 bg-gray-50 text-center text-2xl tracking-widest ${!digit ? 'placeholder-opacity-100' : 'placeholder-opacity-0'}`} className={`w-12 h-12 px-2 py-3 border rounded-lg focus:ring-4 focus:ring-indigo-400 text-gray-700 placeholder-gray-400 bg-gray-50 text-center text-2xl tracking-widest ${!digit ? 'placeholder-opacity-100' : 'placeholder-opacity-0'}`}
// nem tudom, hogy hogyan jobb
// placeholder="_" // placeholder="_"
maxLength="1" maxLength="1"
/> />