4nk/docv
5
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Indented AuthModal.tsx

Browse Source
This commit is contained in:
Sadrinho27 2025-11-12 16:19:00 +01:00
parent ecdef29a26
commit 89dc173a00
1 changed files with 29 additions and 29 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

58
components/4nk/AuthModal.tsx
View File

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