From: dullbananas <dull.bananas0@gmail.com>
Date: Mon, 26 Jun 2023 19:57:23 +0000 (-0700)
Subject: Indicate valid and invalid fields in signup form (#1450)
X-Git-Url: http://these/git/%7B%60%24%7BwebArchiveUrl%7D/%22%7B%7D/%7B?a=commitdiff_plain;h=681074275747804355885fd97a3c6a6b70da2f9a;p=lemmy-ui.git

Indicate valid and invalid fields in signup form (#1450)

* Use was-validated class in signup form

* Update signup.tsx

* Update signup.tsx

---------

Co-authored-by: SleeplessOne1917 <abias1122@gmail.com>
---

diff --git a/src/shared/components/home/signup.tsx b/src/shared/components/home/signup.tsx
index a2d960d..516cd43 100644
--- a/src/shared/components/home/signup.tsx
+++ b/src/shared/components/home/signup.tsx
@@ -140,7 +140,10 @@ export class Signup extends Component<any, State> {
   registerForm() {
     const siteView = this.state.siteRes.site_view;
     return (
-      <form onSubmit={linkEvent(this, this.handleRegisterSubmit)}>
+      <form
+        className="was-validated"
+        onSubmit={linkEvent(this, this.handleRegisterSubmit)}
+      >
         <h5>{this.titleName(siteView)}</h5>
 
         {this.isLemmyMl && (