backedn converted to ts

client/package.json

@@ -48,5 +48,6 @@
   },
   "devDependencies": {
     "@types/uuid": "^9.0.2"
-  }
+  },
+  "proxy": "http://localhost:5000"
 }

client/src/components/auth/Login.tsx

@@ -9,11 +9,6 @@ const Login = () => {
   const dispatch = useAppDispatch();
   const isAuthenticated = useAppSelector((state) => state.auth.isAuthenticated);
 
-  const onChangeEmail = () =>
-    setEmail(email)
-  const onChangePasword = () =>
-    setPassword(password)
-
   const onSubmit = async (e: React.SyntheticEvent) => {
     e.preventDefault();
     await dispatch(login(email, password));
@@ -36,7 +31,7 @@ const Login = () => {
             placeholder="Email Address"
             name="email"
             value={email}
-            onChange={onChangeEmail}
+            onChange={(e) => setEmail(e.target.value)}
           />
         </div>
         <div className="form-group">
@@ -45,7 +40,7 @@ const Login = () => {
             placeholder="Password"
             name="password"
             value={password}
-            onChange={onChangePasword}
+            onChange={(e)=>setPassword(e.target.value)}
             //used to be "6"
             minLength={6}
           />

client/src/components/auth/Register.tsx

@@ -40,7 +40,7 @@ const Register = () => {
             placeholder="Name"
             name="name"
             value={name}
-            onChange={() => setName(name)}
+            onChange={(e) => setName(e.target.value)}
           />
         </div>
         <div className="form-group">
@@ -49,7 +49,7 @@ const Register = () => {
             placeholder="Email Address"
             name="email"
             value={email}
-            onChange={() => setEmail(email)}
+            onChange={(e) => setEmail(e.target.value)}
           />
           <small className="form-text">
             This site uses Gravatar so if you want a profile image, use a
@@ -62,7 +62,7 @@ const Register = () => {
             placeholder="Password"
             name="password"
             value={password}
-            onChange={() => setPassword(password)}
+            onChange={(e) => setPassword(e.target.value)}
           />
         </div>
         <div className="form-group">
@@ -71,7 +71,7 @@ const Register = () => {
             placeholder="Confirm Password"
             name="password2"
             value={password2}
-            onChange={() => setPassword2(password2)}
+            onChange={(e) => setPassword2(e.target.value)}
           />
         </div>
         <input type="submit" className="btn btn-primary" value="Register" />