feat(keycloakify): improve ORCid sign in UX (#1204)

* orcidLogo * Update Login.tsx * Remove docker caching * Update config-preprocessor-build.yml
loculus-project · Feb 29, 2024 · aae283d · aae283d
1 parent e4e56ba
commit aae283d
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 1 deletion.
diff --git a/keycloak/keycloakify/src/login/assets/orcid-logo.png b/keycloak/keycloakify/src/login/assets/orcid-logo.png
diff --git a/keycloak/keycloakify/src/login/pages/Login.tsx b/keycloak/keycloakify/src/login/pages/Login.tsx
@@ -5,6 +5,7 @@ import type { PageProps } from "keycloakify/login/pages/PageProps";
 import { useGetClassName } from "keycloakify/login/lib/useGetClassName";
 import type { KcContext } from "../kcContext";
 import type { I18n } from "../i18n";
+import orcidLogoUrl from "../assets/orcid-logo.png";
 
 const my_custom_param = new URL(window.location.href).searchParams.get("my_custom_param");
 
@@ -191,7 +192,7 @@ export default function Login(props: PageProps<Extract<KcContext, { pageId: "log
                             {social.providers.map(p => (
                                 <li key={p.providerId} className={getClassName("kcFormSocialAccountListLinkClass")}>
                                     <a href={p.loginUrl} id={`zocial-${p.alias}`} className={clsx("zocial", p.providerId)}>
-                                        <span>{p.displayName}</span>
+                                        <span><img src={orcidLogoUrl} alt="ORCID logo" width={50} /> Sign in with {p.displayName}</span>
                                     </a>
                                 </li>
                             ))}