Indented AuthModal.tsx

This commit is contained in:
Sadrinho27 2025-11-12 16:19:00 +01:00
parent ecdef29a26
commit 89dc173a00

View File

@ -50,37 +50,37 @@ function AuthModal({ isOpen, onConnect, onClose, iframeUrl }: AuthModalProps) {
return (
<Modal
isOpen={isOpen}
onClose={onClose}
title="Authentification 4nk"
size="md"
>
{/* Loader affiché tant que l'iframe n'est pas prête */}
{!isIframeReady && !authSuccess && (
<div className="flex flex-col items-center justify-center h-96 gap-4">
<Loader width={40} />
<div className="font-semibold text-lg">
Chargement de l'authentification...
</div>
</div>
)}
isOpen={isOpen}
onClose={onClose}
title="Authentification 4nk"
size="md"
>
{/* Loader affiché tant que l'iframe n'est pas prête */}
{!isIframeReady && !authSuccess && (
<div className="flex flex-col items-center justify-center h-96 gap-4">
<Loader width={40} />
<div className="font-semibold text-lg">
Chargement de l'authentification...
</div>
</div>
)}
{/* Message de succès */}
{authSuccess && (
<div className="flex flex-col items-center justify-center h-96 gap-5 animate-fade-in">
<div className="font-semibold text-lg text-green-600">
Authentification réussie !
</div>
</div>
)}
{/* Message de succès */}
{authSuccess && (
<div className="flex flex-col items-center justify-center h-96 gap-5 animate-fade-in">
<div className="font-semibold text-lg text-green-600">
Authentification réussie !
</div>
</div>
)}
{/* Iframe affichée uniquement si dispo */}
{!authSuccess && (
<div className={`${showIframe ? 'flex' : 'hidden'} justify-center items-center w-full min-h-96`}>
<Iframe iframeUrl={iframeUrl} showIframe={showIframe} />
</div>
)}
</Modal>
{/* Iframe affichée uniquement si dispo */}
{!authSuccess && (
<div className={`${showIframe ? 'flex' : 'hidden'} justify-center items-center w-full min-h-96`}>
<Iframe iframeUrl={iframeUrl} showIframe={showIframe} />
</div>
)}
</Modal>
);
}