✨ - feat: Add possibility for OIDC login [maykinmedia/open-archiefbeh…

…eer#390]
maykinmedia · Oct 2, 2024 · 029c5df · 029c5df
1 parent 93623aa
commit 029c5df
Show file tree

Hide file tree

Showing 2 changed files with 26 additions and 3 deletions.
diff --git a/src/contexts/config/config.tsx b/src/contexts/config/config.tsx
@@ -6,6 +6,8 @@ export type ConfigContextType = {
 
   /** Overrides the logo throughout this library. */
   logo?: React.ReactNode;
+
+  oidcLoginUrl?: string;
 };
 
 /**

diff --git a/src/templates/login/login.tsx b/src/templates/login/login.tsx
@@ -1,6 +1,14 @@
 import React, { useContext } from "react";
 
-import { Body, Card, Form, FormProps, Hr, Logo } from "../../components";
+import {
+  Body, // Button,
+  // ButtonLink,
+  Card,
+  Form,
+  FormProps,
+  Hr,
+  Logo,
+} from "../../components";
 import { ConfigContext } from "../../contexts";
 import { ucFirst } from "../../lib/format/string";
 import { useIntl } from "../../lib/i18n/useIntl";
@@ -17,6 +25,8 @@ export type LoginTemplateProps = BaseTemplateProps & {
 
   /** Logo (JSX) slot. */
   slotLogo?: React.ReactNode;
+
+  labelOidcLogin?: string;
 };
 
 /**
@@ -26,10 +36,11 @@ export type LoginTemplateProps = BaseTemplateProps & {
 export const LoginTemplate: React.FC<LoginTemplateProps> = ({
   formProps,
   labelLogin,
+  labelOidcLogin,
   slotLogo,
   ...props
 }) => {
-  const { logo: CustomLogo } = useContext(ConfigContext);
+  const { logo: CustomLogo, oidcLoginUrl } = useContext(ConfigContext);
   const intl = useIntl();
 
   const _labelLogin = labelLogin
@@ -51,7 +62,17 @@ export const LoginTemplate: React.FC<LoginTemplateProps> = ({
         <Body>
           {slotLogo || CustomLogo || <Logo />}
           <Hr />
-          <Form labelSubmit={ucFirst(_labelLogin)} {...formProps} />
+          <Form
+            labelSubmit={ucFirst(_labelLogin)}
+            secondaryActions={[
+              {
+                href: oidcLoginUrl,
+                variant: "secondary",
+                children: labelOidcLogin || "OIDC Login",
+              },
+            ]}
+            {...formProps}
+          />
         </Body>
       </Card>
     </BaseTemplate>