diff --git a/site/src/pages/UsersPage/UsersPage.stories.tsx b/site/src/pages/UsersPage/UsersPage.stories.tsx index fda6234668559..9a426be53042c 100644 --- a/site/src/pages/UsersPage/UsersPage.stories.tsx +++ b/site/src/pages/UsersPage/UsersPage.stories.tsx @@ -72,6 +72,9 @@ const meta: Meta = { component: UsersPage, parameters, decorators: [withGlobalSnackbar, withAuthProvider, withDashboardProvider], + args: { + defaultNewPassword: "edWbqYiaVpEiEWwI", + }, }; export default meta; diff --git a/site/src/pages/UsersPage/UsersPage.tsx b/site/src/pages/UsersPage/UsersPage.tsx index a4db3aed3ce45..e4337f9242216 100644 --- a/site/src/pages/UsersPage/UsersPage.tsx +++ b/site/src/pages/UsersPage/UsersPage.tsx @@ -35,7 +35,13 @@ import { ResetPasswordDialog } from "./ResetPasswordDialog"; import { useStatusFilterMenu } from "./UsersFilter"; import { UsersPageView } from "./UsersPageView"; -const UsersPage: FC = () => { +type UserPageProps = { + // Used by Storybook to prevent generating a new password each time the story + // loads, avoiding Chromatic snapshot differences. + defaultNewPassword?: string; +}; + +const UsersPage: FC = ({ defaultNewPassword }) => { const queryClient = useQueryClient(); const navigate = useNavigate(); const location = useLocation(); @@ -134,7 +140,7 @@ const UsersPage: FC = () => { onResetUserPassword={(user) => { setConfirmResetPassword({ user, - newPassword: generateRandomString(12), + newPassword: defaultNewPassword ?? generateRandomString(12), }); }} onUpdateUserRoles={async (userId, roles) => { diff --git a/site/src/pages/UsersPage/UsersPageView.stories.tsx b/site/src/pages/UsersPage/UsersPageView.stories.tsx index ba7bf7599da15..81e557221edff 100644 --- a/site/src/pages/UsersPage/UsersPageView.stories.tsx +++ b/site/src/pages/UsersPage/UsersPageView.stories.tsx @@ -34,7 +34,6 @@ const meta: Meta = { isNonInitialPage: false, users: [MockUser, MockUser2], roles: MockAssignableSiteRoles, - canEditUsers: true, filterProps: defaultFilterProps, authMethods: MockAuthMethodsPasswordOnly,