Merge pull request #212 from LemmyNet/add_password_length

Adding more max password lengths. Fixes #211

src/shared/components/login.tsx

@@ -134,6 +134,7 @@ export class Login extends Component<any, State> {
                 onInput={linkEvent(this, this.handleLoginPasswordChange)}
                 class="form-control"
                 required
+                maxLength={60}
               />
               <button
                 type="button"

src/shared/components/password_change.tsx

@@ -92,6 +92,7 @@ export class PasswordChange extends Component<any, State> {
               onInput={linkEvent(this, this.handlePasswordChange)}
               class="form-control"
               required
+              maxLength={60}
             />
           </div>
         </div>
@@ -107,6 +108,7 @@ export class PasswordChange extends Component<any, State> {
               onInput={linkEvent(this, this.handleVerifyPasswordChange)}
               class="form-control"
               required
+              maxLength={60}
             />
           </div>
         </div>

src/shared/components/person.tsx

@@ -675,6 +675,7 @@ export class Person extends Component<any, PersonState> {
                     class="form-control"
                     value={this.state.userSettingsForm.new_password}
                     autoComplete="new-password"
+                    maxLength={60}
                     onInput={linkEvent(
                       this,
                       this.handleUserSettingsNewPasswordChange
@@ -696,6 +697,7 @@ export class Person extends Component<any, PersonState> {
                     class="form-control"
                     value={this.state.userSettingsForm.new_password_verify}
                     autoComplete="new-password"
+                    maxLength={60}
                     onInput={linkEvent(
                       this,
                       this.handleUserSettingsNewPasswordVerifyChange
@@ -717,6 +719,7 @@ export class Person extends Component<any, PersonState> {
                     class="form-control"
                     value={this.state.userSettingsForm.old_password}
                     autoComplete="new-password"
+                    maxLength={60}
                     onInput={linkEvent(
                       this,
                       this.handleUserSettingsOldPasswordChange
@@ -812,6 +815,7 @@ export class Person extends Component<any, PersonState> {
                       type="password"
                       value={this.state.deleteAccountForm.password}
                       autoComplete="new-password"
+                      maxLength={60}
                       onInput={linkEvent(
                         this,
                         this.handleDeleteAccountPasswordChange

src/shared/components/setup.tsx

@@ -123,6 +123,7 @@ export class Setup extends Component<any, State> {
               onInput={linkEvent(this, this.handleRegisterPasswordChange)}
               class="form-control"
               required
+              maxLength={60}
             />
           </div>
         </div>
@@ -138,6 +139,7 @@ export class Setup extends Component<any, State> {
               onInput={linkEvent(this, this.handleRegisterPasswordVerifyChange)}
               class="form-control"
               required
+              maxLength={60}
             />
           </div>
         </div>