updated the console email and readme

Author: Emile Frey

README.md

@@ -43,7 +43,7 @@ $id = $(docker ps -aqf "name=django-react-postgres-boilerplate_backend")
 docker logs --tail 1000 -f $id
 ```
 
-Upon submitting a valid email, you should get a path like /password_reset?token=abcdefgxyz123; paste this in your browser after localhost:3000 to access the password reset form. The password reset form validates the token and allows the user to provide a new password.
+Upon submitting a valid email, you should get a path like http://localhost:300/password_reset?token=abcdefgxyz123; paste this in your browser to access the password reset form. The password reset form first validates the token; if the token is valid, it presents the password reset interface and allows the user to provide a new password.
 
 Check out the Django docs starting [here](https://docs.djangoproject.com/en/3.1/topics/email/#smtp-backend) in order to update the Email Backend from a console output to an actual SMTP backend.
 

backend/users/signals.py

@@ -7,7 +7,7 @@
 def password_reset_token_created(sender, instance, reset_password_token, *args, **kwargs):
 
     # email_plaintext_message = "{}?token={}".format(reverse('password_reset:reset-password-request'), reset_password_token.key)
-    email_plaintext_message = "{}?token={}".format('/password_reset/', reset_password_token.key)
+    email_plaintext_message = "http://localhost:3000{}?token={}".format('/password_reset/', reset_password_token.key)
     print(email_plaintext_message)
     print("!" * 50)
     send_mail(

frontend/src/components/Login/PasswordReset.tsx

@@ -105,7 +105,7 @@ export const PasswordResetForm: React.FC<PasswordResetFormProps> = (props: Passw
               autoFocus
               onChange={handleFormFieldChange}
               error={!passwordsMatch}
-              helperText={!passwordsMatch ? "Passwords don't match" : null}
+              helperText={!passwordsMatch ? "Passwords do not match" : null}
             />
             <TextField
               margin="normal"
@@ -119,7 +119,7 @@ export const PasswordResetForm: React.FC<PasswordResetFormProps> = (props: Passw
               autoComplete="off"
               onChange={handleFormFieldChange}
               error={!passwordsMatch}
-              helperText={!passwordsMatch ? "Passwords don't match" : null}
+              helperText={!passwordsMatch ? "Passwords do not match" : null}
             />
           </>}
         <ValidationMessages validationErrors={validationErrors} />

frontend/src/components/Login/PasswordUpdate.tsx

@@ -57,7 +57,7 @@ function PasswordUpdate(props: AuthProps) {
     e.preventDefault();
     setIsLoading(true)
     if (new_password1 !== new_password2) {
-      setValidationErrors({ "error": ["Passwords don't match!"] })
+      setValidationErrors({ "error": ["Passwords do not match!"] })
     } else if (new_password1 === "") {
       setValidationErrors({ "error": ["Password can't be blank!"] })
     }
@@ -119,7 +119,7 @@ function PasswordUpdate(props: AuthProps) {
                 id="new_password1"
                 onChange={handleFormFieldChange}
                 error={!passwordsMatch}
-                helperText={!passwordsMatch ? "Passwords don't match" : null}
+                helperText={!passwordsMatch ? "Passwords do not match" : null}
               />
               <TextField
                 variant="outlined"
@@ -132,7 +132,7 @@ function PasswordUpdate(props: AuthProps) {
                 id="new_password2"
                 onChange={handleFormFieldChange}
                 error={!passwordsMatch}
-                helperText={!passwordsMatch ? "Passwords don't match" : null}
+                helperText={!passwordsMatch ? "Passwords do not match" : null}
               />
               <ValidationMessages validationErrors={validationErrors} />
               {isLoading && <LinearProgress color="secondary" />}