Demo how to import image in React

keycloakify · Jan 11, 2024 · c3e7067 · c3e7067
1 parent ce3092d
commit c3e7067
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 0 deletions.
diff --git a/src/keycloak-theme/login/Template.tsx b/src/keycloak-theme/login/Template.tsx
@@ -8,6 +8,7 @@ import { type TemplateProps } from "keycloakify/login/TemplateProps";
 import { useGetClassName } from "keycloakify/login/lib/useGetClassName";
 import type { KcContext } from "./kcContext";
 import type { I18n } from "./i18n";
+import keycloakifyLogoPngUrl from "./assets/keycloakify-logo.png";
 
 export default function Template(props: TemplateProps<KcContext, I18n>) {
     const {
@@ -59,6 +60,7 @@ export default function Template(props: TemplateProps<KcContext, I18n>) {
                     style={{ "fontFamily": '"Work Sans"' }}
                 >
                     {msg("loginTitleHtml", realm.displayNameHtml)}!!!
+                    <img src={keycloakifyLogoPngUrl} alt="Keycloakify logo" width={50} />
                 </div>
             </div>
 

diff --git a/src/keycloak-theme/login/assets/keycloakify-logo.png b/src/keycloak-theme/login/assets/keycloakify-logo.png