diff --git a/src/components/Common/ImageFader/index.tsx b/src/components/Common/ImageFader/index.tsx index 902e9a281..d6ad868cd 100644 --- a/src/components/Common/ImageFader/index.tsx +++ b/src/components/Common/ImageFader/index.tsx @@ -4,11 +4,13 @@ import React, { HTMLAttributes, ForwardRefRenderFunction, } from 'react'; +import Image from 'next/image'; interface ImageFaderProps extends HTMLAttributes { backgroundImages: string[]; rotationSpeed?: number; isDarker?: boolean; + useImage?: boolean; } const DEFAULT_ROTATION_SPEED = 6000; @@ -18,6 +20,7 @@ const ImageFader: ForwardRefRenderFunction = ( backgroundImages, rotationSpeed = DEFAULT_ROTATION_SPEED, isDarker, + useImage, ...props }, ref @@ -52,10 +55,29 @@ const ImageFader: ForwardRefRenderFunction = ( i === activeIndex ? 'opacity-100' : 'opacity-0' }`} style={{ - backgroundImage: `${gradient}, url(${imageUrl})`, + backgroundImage: !useImage + ? `${gradient}, url(${imageUrl})` + : undefined, }} {...props} - /> + > + {useImage && ( + <> + +
+ + )} +
))} ); diff --git a/src/components/Login/index.tsx b/src/components/Login/index.tsx index ebd95e371..6649ac817 100644 --- a/src/components/Login/index.tsx +++ b/src/components/Login/index.tsx @@ -63,6 +63,7 @@ const Login: React.FC = () => {