From cf728739b3f96db97d8f5a0e5720ed70a15317a6 Mon Sep 17 00:00:00 2001
From: Scott Merchant <scott.merchant@octopus.com>
Date: Thu, 19 Dec 2024 17:06:34 +0100
Subject: [PATCH] Remove autocomplete and autocapitalisation on server url and
 username fields (#731)

---
 front/package.json                         | 2 +-
 front/packages/ui/src/login/login.tsx      | 7 ++++++-
 front/packages/ui/src/login/server-url.tsx | 2 +-
 3 files changed, 8 insertions(+), 3 deletions(-)

diff --git a/front/package.json b/front/package.json
index 7d64b2e8c..87e3603d6 100644
--- a/front/package.json
+++ b/front/package.json
@@ -11,7 +11,7 @@
 		"build:mobile:dev": "yarn workspace mobile build:dev",
 		"update": "yarn workspace mobile update",
 		"lint": "biome lint .",
-		"lint:fix": "biome lint . --apply",
+		"lint:fix": "biome lint . --write",
 		"format": "biome format .",
 		"format:fix": "biome format . --write"
 	},
diff --git a/front/packages/ui/src/login/login.tsx b/front/packages/ui/src/login/login.tsx
index 9a53710cd..346212734 100644
--- a/front/packages/ui/src/login/login.tsx
+++ b/front/packages/ui/src/login/login.tsx
@@ -55,7 +55,12 @@ export const LoginPage: QueryPage<{ apiUrl?: string; error?: string }> = ({
 			<H1>{t("login.login")}</H1>
 			<OidcLogin apiUrl={apiUrl} />
 			<P {...css({ paddingLeft: ts(1) })}>{t("login.username")}</P>
-			<Input autoComplete="username" variant="big" onChangeText={(value) => setUsername(value)} />
+			<Input
+				autoComplete="username"
+				variant="big"
+				onChangeText={(value) => setUsername(value)}
+				autoCapitalize="none"
+			/>
 			<P {...css({ paddingLeft: ts(1) })}>{t("login.password")}</P>
 			<PasswordInput
 				autoComplete="password"
diff --git a/front/packages/ui/src/login/server-url.tsx b/front/packages/ui/src/login/server-url.tsx
index 74a65329a..cfb23fae7 100644
--- a/front/packages/ui/src/login/server-url.tsx
+++ b/front/packages/ui/src/login/server-url.tsx
@@ -63,7 +63,7 @@ export const ServerUrlPage: QueryPage = () => {
 		>
 			<H1>{t("login.server")}</H1>
 			<View {...css({ justifyContent: "center" })}>
-				<Input variant="big" onChangeText={setApiUrl} />
+				<Input variant="big" onChangeText={setApiUrl} autoCorrect={false} autoCapitalize="none" />
 				{!data && (
 					<P {...css({ color: (theme: Theme) => theme.colors.red, alignSelf: "center" })}>
 						{error?.errors[0] ?? t("misc.loading")}