option to hide username/password fields

.changeset/add_hide_user_pass_fields.md

@@ -0,0 +1,5 @@
+---
+sable: minor
+---
+
+Added config option `hideUsernamePasswordFields` for hosts to hide username and password fields from login page.

config.json

@@ -5,6 +5,7 @@
   "elementCallUrl": null,
 
   "disableAccountSwitcher": false,
+  "hideUsernamePasswordFields": false,
 
   "pushNotificationDetails": {
     "pushNotifyUrl": "https://cinny.cc/_matrix/push/v1/notify",

src/app/hooks/useClientConfig.ts

@@ -12,6 +12,7 @@ export type ClientConfig = {
   elementCallUrl?: string;
 
   disableAccountSwitcher?: boolean;
+  hideUsernamePasswordFields?: boolean;
 
   pushNotificationDetails?: {
     pushNotifyUrl?: string;

src/app/pages/auth/login/Login.tsx

@@ -37,6 +37,7 @@ const useLoginSearchParams = (searchParams: URLSearchParams): LoginPathSearchPar
 export function Login() {
   const server = useAuthServer();
   const { hashRouter } = useClientConfig();
+  const { hideUsernamePasswordFields } = useClientConfig();
   const { loginFlows } = useAuthFlows();
   const [searchParams] = useSearchParams();
   const loginSearchParams = useLoginSearchParams(searchParams);
@@ -62,7 +63,7 @@ export function Login() {
       {parsedFlows.token && loginSearchParams.loginToken && (
         <TokenLogin token={loginSearchParams.loginToken} />
       )}
-      {parsedFlows.password && (
+      {!hideUsernamePasswordFields && parsedFlows.password && (
         <>
           <PasswordLoginForm
             defaultUsername={loginSearchParams.username}