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%7BarchiveTodayUrl%7D/static/git-logo.png?a=commitdiff_plain;h=dd09b3cadece112f4ccf42b751b9bf180e6590d3;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 && (