Indented AuthModal.tsx
This commit is contained in:
parent
ecdef29a26
commit
89dc173a00
@ -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>
|
||||
|
||||
);
|
||||
}
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user