Files
zitadel/apps/login/src/components/zitadel-logo.tsx
T
Max PeintnerandGitHub 0a31f4ba2b fix(login): remove image optimization entirely (#10702)
This PR completely removes Next.js image optimization from the login app
by replacing all next/image components with standard HTML <img> tags and
removing the image optimization configuration.

Closes https://github.com/zitadel/zitadel-charts/issues/381

# Which Problems Are Solved

Users were encountering issue when loading images in dedicated
environments. These happened due to nextjs imaging optimizations
creating different paths for images.

# How the Problems Are Solved

- Removed Next.js Image Optimization Config
- Removed images: { unoptimized: true } configuration from
[next.config.mjs](vscode-file://vscode-app/Applications/Visual%20Studio%20Code.app/Contents/Resources/app/out/vs/code/electron-browser/workbench/workbench.html)
This config was redundant since we no longer use next/image components
- Replaced next/image with standard <img> tags
2025-09-22 11:49:21 +00:00

20 lines
493 B
TypeScript

type Props = {
height?: number;
width?: number;
};
export function ZitadelLogo({ height = 40, width = 147.5 }: Props) {
return (
<>
<div className="hidden dark:flex">
{/* <ZitadelLogoLight /> */}
<img height={height} width={width} src="/zitadel-logo-light.svg" alt="zitadel logo" />
</div>
<div className="flex dark:hidden">
<img height={height} width={width} src="/zitadel-logo-dark.svg" alt="zitadel logo" />
</div>
</>
);
}