Aug 23, 2022 · Aug 23, 2022
diff --git a/site/src/components/SettingsAccountForm/SettingsAccountForm.tsx b/site/src/components/SettingsAccountForm/SettingsAccountForm.tsx
 import TextField from "@material-ui/core/TextField"
 import { useActor } from "@xstate/react"
 import { ErrorSummary } from "components/ErrorSummary/ErrorSummary"
 import { FormikContextType, FormikTouched, useFormik } from "formik"
 import { FC } from "react"
 import { FC, useContext } from "react"
 import * as Yup from "yup"
 import { getFormHelpersWithError, nameValidator, onChangeTrimmed } from "../../util/formUtils"
 import { XServiceContext } from "../../xServices/StateContext"
 import { LoadingButton } from "../LoadingButton/LoadingButton"
 import { Stack } from "../Stack/Stack"

  })
  const getFieldHelpers = getFormHelpersWithError<AccountFormValues>(form, updateProfileError)

  const xServices = useContext(XServiceContext)
  const [authState, _] = useActor(xServices.authXService)
  const { permissions } = authState.context
  // Editing user's emails is considered editing the "user" object.
  // So we can only update the user's username if we have updateUser permission.
  const canEditUsers = permissions && permissions.updateUsers

  return (
    <>
      <form onSubmit={form.handleSubmit}>
            fullWidth
            label={Language.usernameLabel}
            variant="outlined"
            disabled={!canEditUsers}
          />

          <div>
Original file line number	Diff line number	Diff line change
		@@ -1,9 +1,11 @@
		import TextField from "@material-ui/core/TextField"
		import { useActor } from "@xstate/react"
		import { ErrorSummary } from "components/ErrorSummary/ErrorSummary"
		import { FormikContextType, FormikTouched, useFormik } from "formik"
		import { FC } from "react"
		import { FC, useContext } from "react"
		import * as Yup from "yup"
		import { getFormHelpersWithError, nameValidator, onChangeTrimmed } from "../../util/formUtils"
		import { XServiceContext } from "../../xServices/StateContext"
		import { LoadingButton } from "../LoadingButton/LoadingButton"
		import { Stack } from "../Stack/Stack"

Expand DownExpand Up		@@ -47,6 +49,13 @@ export const AccountForm: FC<AccountFormProps> = ({
		})
		const getFieldHelpers = getFormHelpersWithError<AccountFormValues>(form, updateProfileError)

		const xServices = useContext(XServiceContext)
		const [authState, _] = useActor(xServices.authXService)
		const { permissions } = authState.context
		// Editing user's emails is considered editing the "user" object.
		// So we can only update the user's username if we have updateUser permission.
		const canEditUsers = permissions && permissions.updateUsers

		return (
		<>
		<form onSubmit={form.handleSubmit}>
Expand All		@@ -66,6 +75,7 @@ export const AccountForm: FC<AccountFormProps> = ({
		fullWidth
		label={Language.usernameLabel}
		variant="outlined"
		disabled={!canEditUsers}
		/>

		<div>
Expand Down