sr2/keycloak-theme-cloud
4
0
Fork 0
Code Issues 4 Pull requests Projects Releases Packages 1 Wiki Activity Actions

Show how to import from public/

Browse source
This commit is contained in:
Joseph Garrone 2024-01-11 15:06:43 +01:00
parent 0735f23464
commit 7a3589610c
6 changed files with 41 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

7
src/keycloak-theme/login/Template.tsx
View file

@ -9,6 +9,7 @@ import { useGetClassName } from "keycloakify/login/lib/useGetClassName";
import type { KcContext } from "./kcContext";
import type { I18n } from "./i18n";
import keycloakifyLogoPngUrl from "./assets/keycloakify-logo.png";
import { PUBLIC_URL } from "../../PUBLIC_URL";
export default function Template(props: TemplateProps<KcContext, I18n>) {
const {
@ -59,7 +60,13 @@ export default function Template(props: TemplateProps<KcContext, I18n>) {
className={getClassName("kcHeaderWrapperClass")}
style={{ "fontFamily": '"Work Sans"' }}
>
{/*
This is just to show you how it can be done but this is not the best option for importing assets.
See: https://docs.keycloakify.dev/importing-assets#importing-custom-assets
*/}
<img src={`${PUBLIC_URL}/keycloakify-logo.png`} alt="Keycloakify logo" width={50} />
{msg("loginTitleHtml", realm.displayNameHtml)}!!!
{/* This is the preferred way to use assets */}
<img src={keycloakifyLogoPngUrl} alt="Keycloakify logo" width={50} />
</div>
</div>