feat(password): apply backend logic to all password set fields

defelmnq · defelmnq · commit d42566183368 · 2024-10-23T14:31:09.000Z
diff --git a/site/src/pages/CreateUserPage/CreateUserForm.tsx b/site/src/pages/CreateUserPage/CreateUserForm.tsx
@@ -108,7 +108,7 @@ export const CreateUserForm: FC<
 
 	useEffect(() => {
 		onPasswordChange?.(form.values.password);
-	}, [form.values.password]); // Run effect when password changes
+	}, [form.values.password, onPasswordChange]); // Run effect when password changes
 
 
 	const methods = [
diff --git a/site/src/pages/SetupPage/SetupPageView.tsx b/site/src/pages/SetupPage/SetupPageView.tsx
@@ -124,7 +124,7 @@ export const SetupPageView: FC<SetupPageViewProps> = ({
 
 	useEffect(() => {
 		onPasswordChange?.(form.values.password);
-	}, [form.values.password]); // Run effect when password changes
+	}, [form.values.password, onPasswordChange]); // Run effect when password changes
 
 	return (
 		<SignInLayout>
diff --git a/site/src/pages/UserSettingsPage/SecurityPage/SecurityForm.tsx b/site/src/pages/UserSettingsPage/SecurityPage/SecurityForm.tsx
@@ -78,7 +78,7 @@ export const SecurityForm: FC<SecurityFormProps> = ({
 
 	useEffect(() => {
 		onPasswordChange(form.values.password);
-	}, [form.values.password]);
+	}, [form.values.password, onPasswordChange]);
 
 	return (
 		<>
diff --git a/site/src/pages/UserSettingsPage/SecurityPage/SecurityPage.tsx b/site/src/pages/UserSettingsPage/SecurityPage/SecurityPage.tsx
@@ -4,7 +4,7 @@ import { displaySuccess } from "components/GlobalSnackbar/utils";
 import { Loader } from "components/Loader/Loader";
 import { Stack } from "components/Stack/Stack";
 import { useAuthenticated } from "contexts/auth/RequireAuth";
-import { type ComponentProps, FC, useState } from "react";
+import { type ComponentProps, type FC, useState } from "react";
 import { useMutation, useQuery } from "react-query";
 import { Section } from "../Section";
 import { SecurityForm } from "./SecurityForm";
