Pascal case for language

presleyp · presleyp · commit 50e6e0c9c98b · 2022-03-28T20:11:37.000Z
diff --git a/site/src/components/SignIn/SignInForm.tsx b/site/src/components/SignIn/SignInForm.tsx
@@ -19,7 +19,7 @@ interface BuiltInAuthFormValues {
   password: string
 }
 
-export const LANGUAGE = {
+export const Language = {
   emailLabel: "Email",
   passwordLabel: "Password",
   emailInvalid: "Please enter a valid email address.",
@@ -29,7 +29,7 @@ export const LANGUAGE = {
 }
 
 const validationSchema = Yup.object({
-  email: Yup.string().trim().email(LANGUAGE.emailInvalid).required(LANGUAGE.emailRequired),
+  email: Yup.string().trim().email(Language.emailInvalid).required(Language.emailRequired),
   password: Yup.string(),
 })
 
@@ -76,7 +76,7 @@ export const SignInForm: React.FC<SignInFormProps> = ({ isLoading, authErrorMess
           autoComplete="email"
           className={styles.loginTextField}
           fullWidth
-          label={LANGUAGE.emailLabel}
+          label={Language.emailLabel}
           variant="outlined"
         />
         <TextField
@@ -85,18 +85,18 @@ export const SignInForm: React.FC<SignInFormProps> = ({ isLoading, authErrorMess
           className={styles.loginTextField}
           fullWidth
           id="password"
-          label={LANGUAGE.passwordLabel}
+          label={Language.passwordLabel}
           type="password"
           variant="outlined"
         />
         {authErrorMessage && (
           <FormHelperText data-testid="sign-in-error" error>
-            {LANGUAGE.authErrorMessage}
+            {Language.authErrorMessage}
           </FormHelperText>
         )}
         <div className={styles.submitBtn}>
           <LoadingButton color="primary" loading={isLoading} fullWidth type="submit" variant="contained">
-            {isLoading ? "" : LANGUAGE.signIn}
+            {isLoading ? "" : Language.signIn}
           </LoadingButton>
         </div>
       </form>
diff --git a/site/src/pages/login.test.tsx b/site/src/pages/login.test.tsx
@@ -5,7 +5,7 @@ import { history, render } from "../test_helpers"
 import { SignInPage } from "./login"
 import { server } from "../test_helpers/server"
 import { rest } from "msw"
-import { LANGUAGE } from "../components/SignIn/SignInForm"
+import { Language } from "../components/SignIn/SignInForm"
 
 describe("SignInPage", () => {
   beforeEach(() => {
@@ -23,7 +23,7 @@ describe("SignInPage", () => {
     render(<SignInPage />)
 
     // Then
-    await screen.findByText(LANGUAGE.signIn, { exact: false })
+    await screen.findByText(Language.signIn, { exact: false })
   })
 
   it("shows an error message if SignIn fails", async () => {
@@ -38,17 +38,17 @@ describe("SignInPage", () => {
 
     // When
     // Set email / password
-    const email = screen.getByLabelText(LANGUAGE.emailLabel)
-    const password = screen.getByLabelText(LANGUAGE.passwordLabel)
+    const email = screen.getByLabelText(Language.emailLabel)
+    const password = screen.getByLabelText(Language.passwordLabel)
     userEvent.type(email, "test@coder.com")
     userEvent.type(password, "password")
     // Click sign-in
-    const signInButton = await screen.findByText(LANGUAGE.signIn)
+    const signInButton = await screen.findByText(Language.signIn)
     act(() => signInButton.click())
 
     // Then
     // Finding error by test id because it comes from the backend
-    const errorMessage = await screen.findByText(LANGUAGE.authErrorMessage)
+    const errorMessage = await screen.findByText(Language.authErrorMessage)
     expect(errorMessage).toBeDefined()
     expect(history.location.pathname).toEqual("/login")
   })
