anything

src/modules/register/RegisterPage.tsx

@@ -18,7 +18,6 @@ export function RegisterPage() {
   const [sessionValid, setSessionValid] = useState<boolean | null>(null);
   const [loading, setLoading] = useState(true);
   const [submitting, setSubmitting] = useState(false);
-  const [skipPassword, setSkipPassword] = useState(false);
   
   const [formData, setFormData] = useState<RegistrationData>({
     username: "",
@@ -132,18 +131,16 @@ export function RegisterPage() {
       newErrors.age = "Age must be between 13 and 100";
     }
     
-    if (!skipPassword) {
-      if (!formData.password) {
-        newErrors.password = "Password is required";
-      } else if (formData.password.length < 6 || formData.password.length > 20) {
-        newErrors.password = "Password must be 6-20 characters";
-      }
-      
-      if (!formData.confirmPassword) {
-        newErrors.confirmPassword = "Please confirm your password";
-      } else if (formData.password !== formData.confirmPassword) {
-        newErrors.confirmPassword = "Passwords do not match";
-      }
+    if (!formData.password) {
+      newErrors.password = "Password is required";
+    } else if (formData.password.length < 6 || formData.password.length > 20) {
+      newErrors.password = "Password must be 6-20 characters";
+    }
+    
+    if (!formData.confirmPassword) {
+      newErrors.confirmPassword = "Please confirm your password";
+    } else if (formData.password !== formData.confirmPassword) {
+      newErrors.confirmPassword = "Passwords do not match";
     }
     
     setErrors(newErrors);
@@ -166,8 +163,8 @@ export function RegisterPage() {
     const submitData = {
       username: formData.username.trim(),
       age: parseInt(formData.age),
-      password: skipPassword ? "" : formData.password,
-      confirmPassword: skipPassword ? "" : formData.confirmPassword,
+      password: formData.password,
+      confirmPassword: formData.confirmPassword,
     };
     
     ws.send(JSON.stringify({
@@ -222,7 +219,7 @@ export function RegisterPage() {
           <div className="success-icon">✅</div>
           <h2>Registration Successful!</h2>
           <p>{successMessage}</p>
-          <p className="success-subtitle">Please verify in WhatsApp to complete registration.</p>
+          <p className="success-subtitle">Your account has been activated automatically.</p>
           <div className="success-animation">
             <div className="confetti"></div>
           </div>
@@ -284,61 +281,48 @@ export function RegisterPage() {
 
           <div className="password-section">
             <div className="section-header">
-              <h3>🔑 Password (Optional)</h3>
-              <label className="checkbox-label">
-                <input
-                  type="checkbox"
-                  checked={skipPassword}
-                  onChange={(e) => setSkipPassword(e.target.checked)}
-                  disabled={submitting}
-                />
-                <span>Skip password</span>
-              </label>
+              <h3>🔑 Password</h3>
             </div>
 
-            {!skipPassword && (
-              <>
-                <div className="bonus-badge">
-                  <span className="badge-icon">🎁</span>
-                  <span>Set password & get bonus rewards!</span>
-                </div>
+            <div className="bonus-badge">
+              <span className="badge-icon">🎁</span>
+              <span>Get bonus rewards with your account!</span>
+            </div>
 
-                <div className="rewards-list">
-                  <div className="reward-item">💎 +100 Limit</div>
-                  <div className="reward-item">🪙 +10,000 Money</div>
-                  <div className="reward-item">⭐ +50 EXP</div>
-                  <div className="reward-item">🎮 RPG Access</div>
-                </div>
+            <div className="rewards-list">
+              <div className="reward-item">💎 +100 Limit</div>
+              <div className="reward-item">🪙 +10,000 Money</div>
+              <div className="reward-item">⭐ +50 EXP</div>
+              <div className="reward-item">🎮 RPG Access</div>
+            </div>
 
-                <div className="form-group">
-                  <label htmlFor="password">Password</label>
-                  <input
-                    type="password"
-                    id="password"
-                    value={formData.password}
-                    onChange={(e) => handleInputChange("password", e.target.value)}
-                    placeholder="6-20 characters"
-                    className={errors.password ? "error" : ""}
-                    disabled={submitting}
-                  />
-                  {errors.password && <span className="error-text">{errors.password}</span>}
-                </div>
+            <div className="form-group">
+              <label htmlFor="password">Password</label>
+              <input
+                type="password"
+                id="password"
+                value={formData.password}
+                onChange={(e) => handleInputChange("password", e.target.value)}
+                placeholder="6-20 characters"
+                className={errors.password ? "error" : ""}
+                disabled={submitting}
+              />
+              {errors.password && <span className="error-text">{errors.password}</span>}
+            </div>
 
-                <div className="form-group">
-                  <label htmlFor="confirmPassword">Confirm Password</label>
-                  <input
-                    type="password"
-                    id="confirmPassword"
-                    value={formData.confirmPassword}
-                    onChange={(e) => handleInputChange("confirmPassword", e.target.value)}
-                    placeholder="Re-enter password"
-                    className={errors.confirmPassword ? "error" : ""}
-                    disabled={submitting}
-                  />
-                  {errors.confirmPassword && <span className="error-text">{errors.confirmPassword}</span>}
-                </div>
-              </>
-            )}
+            <div className="form-group">
+              <label htmlFor="confirmPassword">Confirm Password</label>
+              <input
+                type="password"
+                id="confirmPassword"
+                value={formData.confirmPassword}
+                onChange={(e) => handleInputChange("confirmPassword", e.target.value)}
+                placeholder="Re-enter password"
+                className={errors.confirmPassword ? "error" : ""}
+                disabled={submitting}
+              />
+              {errors.confirmPassword && <span className="error-text">{errors.confirmPassword}</span>}
+            </div>
           </div>
 
           {errorMessage && (
@@ -365,10 +349,6 @@ export function RegisterPage() {
               </>
             )}
           </button>
-
-          <p className="form-footer">
-            After submitting, verify in WhatsApp to activate your account.
-          </p>
         </form>
       </div>
     </div>