inital checkin before beta launch

ditch-the-agent/src/pages/authentication/SignUp.tsx

@@ -22,6 +22,7 @@ import IconifyIcon from 'components/base/IconifyIcon';
 import logo from 'assets/logo/favicon-logo.png';
 import Image from 'components/base/Image';
 import { axiosInstance } from '../../axiosApi.js';
+import PasswordStrengthChecker from '../../components/PasswordStrengthChecker';
 import { useNavigate } from 'react-router-dom';
 
 type SignUpValues = {
@@ -36,6 +37,7 @@ type SignUpValues = {
 const SignUp = (): ReactElement => {
   const [showPassword, setShowPassword] = useState(false);
   const [showPassword2, setShowPassword2] = useState(false);
+  const [password, setPassword] = useState('');
 
   const [errorMessage, setErrorMessage] = useState<any | null>(null);
 
@@ -217,7 +219,10 @@ const SignUp = (): ReactElement => {
                   <TextField
                     variant="filled"
                     placeholder="********"
-                    onChange={(event) => setFieldValue('password', event.target.value)}
+                    onChange={(event) => {
+                      setFieldValue('password', event.target.value);
+                      setPassword(event.target.value);
+                    }}
                     type={showPassword ? 'text' : 'password'}
                     id="password"
                     InputProps={{
@@ -241,6 +246,7 @@ const SignUp = (): ReactElement => {
                       ),
                     }}
                   />
+                  <PasswordStrengthChecker password={password} />
                 </FormControl>
                 <FormControl variant="standard" fullWidth>
                   <InputLabel shrink htmlFor="password">