Merge pull request #31 from LoicArc/feature/add-service-tag-line

feat: Add service tag line

Author: garronej

README.md

@@ -28,6 +28,7 @@ Several environment variables can be used to tailor the theme to your needs:
 ```env
 DSFR_THEME_HOME_URL
 DSFR_THEME_SERVICE_TITLE
+DSFR_THEME_SERVICE_TAG_LINE
 DSFR_THEME_BRAND_TOP
 DSFR_NOTICE_TITLE
 DSFR_NOTICE_DESCRIPTION
@@ -45,6 +46,8 @@ If you are deploying Keycloak on Kubernetes using Helm, here's how to configure
       value: https://code.gouv.fr
     - name: DSFR_THEME_SERVICE_TITLE
       value: CodeGouv
+    - name: DSFR_THEME_SERVICE_TAG_LINE
+      value: My tag line
     - name: DSFR_THEME_BRAND_TOP
       value: "République<br/>Française"
     - name: DSFR_NOTICE_TITLE

src/account/Template.tsx

@@ -71,6 +71,14 @@ export default function Template(props: TemplateProps<KcContext, I18n>) {
                         }}
                     />
                 }
+                serviceTagline={
+                  <span
+                      dangerouslySetInnerHTML={{
+                        __html:
+                            kcContext.properties.DSFR_THEME_SERVICE_TAG_LINE || ""
+                      }}
+                  />
+                }
                 quickAccessItems={[
                     ...(referrer?.url
                         ? [

src/kc.gen.tsx

@@ -1,5 +1,5 @@
 // This file is auto-generated by the `update-kc-gen` command. Do not edit it manually.
-// Hash: 415229e332a814cae52152aa8f2b43dab69ceadc6ed220a115d8a8349abbde0b
+// Hash: 1ded21a7b8002bb4044342419812de41d9262e5530b9ef4de8909352536a5744
 
 /* eslint-disable */
 
@@ -16,6 +16,7 @@ export const themeNames: ThemeName[] = ["DSFR"];
 export type KcEnvName =
     | "DSFR_THEME_HOME_URL"
     | "DSFR_THEME_SERVICE_TITLE"
+    | "DSFR_THEME_SERVICE_TAG_LINE"
     | "DSFR_THEME_BRAND_TOP"
     | "DSFR_NOTICE_TITLE"
     | "DSFR_NOTICE_DESCRIPTION"
@@ -24,6 +25,7 @@ export type KcEnvName =
 export const kcEnvNames: KcEnvName[] = [
     "DSFR_THEME_HOME_URL",
     "DSFR_THEME_SERVICE_TITLE",
+    "DSFR_THEME_SERVICE_TAG_LINE",
     "DSFR_THEME_BRAND_TOP",
     "DSFR_NOTICE_TITLE",
     "DSFR_NOTICE_DESCRIPTION",
@@ -33,9 +35,10 @@ export const kcEnvNames: KcEnvName[] = [
 export const kcEnvDefaults: Record<KcEnvName, string> = {
     DSFR_THEME_HOME_URL: "",
     DSFR_THEME_SERVICE_TITLE: "",
+    DSFR_THEME_SERVICE_TAG_LINE: "",
     DSFR_THEME_BRAND_TOP: "République<br/>Française",
-    DSFR_NOTICE_TITLE: "Mon super titre",
-    DSFR_NOTICE_DESCRIPTION: "Ma super description",
+    DSFR_NOTICE_TITLE: "",
+    DSFR_NOTICE_DESCRIPTION: "",
     DSFR_NOTICE_SEVERITY: "info"
 };
 

src/login/Template.tsx

@@ -90,6 +90,14 @@ export default function Template(props: Props) {
                         }}
                     />
                 }
+                serviceTagline={
+                  <span
+                      dangerouslySetInnerHTML={{
+                        __html:
+                            kcContext.properties.DSFR_THEME_SERVICE_TAG_LINE || ""
+                      }}
+                  />
+                }
             />
             <main role="main" id="content">
                 {(kcContext.properties.DSFR_NOTICE_TITLE || kcContext.properties.DSFR_NOTICE_DESCRIPTION) && (

vite.config.ts

@@ -12,6 +12,7 @@ export default defineConfig({
             environmentVariables: [
                 { name: "DSFR_THEME_HOME_URL", default: "" },
                 { name: "DSFR_THEME_SERVICE_TITLE", default: "" },
+                { name: "DSFR_THEME_SERVICE_TAG_LINE", default: "" },
                 { name: "DSFR_THEME_BRAND_TOP", default: "République<br/>Française" },
                 { name: "DSFR_NOTICE_TITLE", default: "" },
                 { name: "DSFR_NOTICE_DESCRIPTION", default: "" },