M21: add optional organisation identity

frontend/src/pages/Login.tsx

@@ -10,7 +10,7 @@ import { PRODUCT_NAME } from "../product";
 
 export function Login() {
   const { t } = useTranslation(["auth", "common"]);
-  const { loginAs, loginWithPassword, loading, demoMode } = useAuth();
+  const { loginAs, loginWithPassword, loading, demoMode, oidcEnabled, oidcProviderName } = useAuth();
   const { manifest } = useDemoManifest();
   const navigate = useNavigate();
   const [error, setError] = useState<string | null>(null);
@@ -100,6 +100,13 @@ export function Login() {
             <label>{t("passwordLabel")}<input type="password" autoComplete="current-password" value={password} onChange={(event) => setPassword(event.target.value)} minLength={8} required /></label>
             <button type="submit" className="button button-primary" disabled={loading}>{t("signIn")}</button>
           </form>}
+          {oidcEnabled && <>
+            <div className="login-divider"><span>{t("or")}</span></div>
+            <a className="button login-oidc" href="/api/v1/auth/oidc/login">
+              <Icon name="shield" />
+              {t("signInWithOrganization", { provider: oidcProviderName })}
+            </a>
+          </>}
           <div className="access-note"><Icon name="shield" /><p><strong>{t("safeByDesignTitle")}</strong><span>{t("safeByDesignDetail")}</span></p></div>
         </div>
       </section>