Changeset e007fcd for components/RegisterScreen.jsx

Timestamp:

07/16/22 21:31:18 (2 years ago)

Author:

anastasovv <simon@…>

Branches:

main

Children:

e903234

Parents:

55701f0

Message:

Now you need to activate your account via email & also added mail sending after server crash

File:

• components/RegisterScreen.jsx (modified) (4 diffs)

components/RegisterScreen.jsx

@@ -28 +28 @@
         }
     }, 10);
+
+    function onChangeEmail(e) {
+        dispatch(setStyle({
+            ...styleState.style,
+            registerScreenInfo: {
+                ...styleState.style.registerScreenInfo,
+                email: e.target.value,
+            }
+        }))
+    }
 
     function onChangeUsername(e) {
@@ -86 +96 @@
         axios.post('/api/postgre', {
             action: 'register',
+            email: styleState.style.registerScreenInfo.email,
             username: styleState.style.registerScreenInfo.username,
             displayName: styleState.style.registerScreenInfo.displayName,
@@ -109 +120 @@
                         notification: {
                             show: true,
-                            text: 'Successfully registered! Please Log In now.',
+                            text: 'Successfully registered! Please check your email and activate your account.',
                             status: 'success',
                         },
@@ -130 +141 @@
                 {styleState.style.inlineAlertText.length > 0 && <span className="inlineAlert">{styleState.style.inlineAlertText}</span>}
                 <div>
+                    <span>Email:</span>
+                    <input ref={ref} type="text" onChange={(e) => {onChangeEmail(e)}} onKeyUp={(e) => keyUp(e)} value={styleState.style.registerScreenInfo.email} placeholder="john.doe@gmail.com"/>
                     <span>Username:</span>
-                    <input ref={ref} type="text" onChange={(e) => {onChangeUsername(e)}} onKeyUp={(e) => keyUp(e)} value={styleState.style.registerScreenInfo.username} placeholder="your username..."/>
+                    <input type="text" onChange={(e) => {onChangeUsername(e)}} onKeyUp={(e) => keyUp(e)} value={styleState.style.registerScreenInfo.username} placeholder="johndoe"/>
                     <span>Display Name:</span>
-                    <input type="text" onChange={(e) => {onChangeDisplayName(e)}} onKeyUp={(e) => keyUp(e)} value={styleState.style.registerScreenInfo.displayName} placeholder="your display name..."/>
+                    <input type="text" onChange={(e) => {onChangeDisplayName(e)}} onKeyUp={(e) => keyUp(e)} value={styleState.style.registerScreenInfo.displayName} placeholder="John Doe"/>
                     <span>Password:</span>
-                    <input type="password" onChange={(e) => {onChangePassword(e)}} onKeyUp={(e) => keyUp(e)} value={styleState.style.registerScreenInfo.password} placeholder="your password..."/>
+                    <input type="password" onChange={(e) => {onChangePassword(e)}} onKeyUp={(e) => keyUp(e)} value={styleState.style.registerScreenInfo.password} placeholder="***************"/>
                     <div style={{width: '100%', display: 'flex', flexDirection: 'row', justifyContent: 'space-between'}}>
                         <button className="primaryButton" onClick={() => closeForm()}>Close Form</button>