diff --git a/frontend/src/App.jsx b/frontend/src/App.jsx index 07f2d45..ec7b175 100644 --- a/frontend/src/App.jsx +++ b/frontend/src/App.jsx @@ -2751,6 +2751,8 @@ function App() { treeNotFound={treeNotFound} loading={tree.gateLoading} errorMessage={tree.gateError} + connected={Boolean(auth.userAuth.token)} + connectedName={accountUser?.firstName || ''} onSubmit={handleGateUnlock} onUseDemo={handleUseDemo} onUseAccount={handleUseAccount} diff --git a/frontend/src/components/AccessGate.jsx b/frontend/src/components/AccessGate.jsx index 7631818..623bb03 100644 --- a/frontend/src/components/AccessGate.jsx +++ b/frontend/src/components/AccessGate.jsx @@ -23,6 +23,8 @@ const AccessGate = ({ treeNotFound = false, loading, errorMessage, + connected = false, + connectedName = '', onSubmit, onUseAccount, }) => { @@ -86,6 +88,21 @@ const AccessGate = ({ {!treeNotFound && (
{t("Facultatif. Il sert à savoir qui est venu voir l'arbre.")}
+{t("Il sert à savoir qui est venu voir l'arbre.")}
- {isRegister ? t('Vous avez déjà un compte ?') : t('Pas encore de compte ?')}{' '} + {isRegister ? t('Déjà inscrit ?') : t('Pas encore de compte ?')}{' '}
diff --git a/frontend/src/components/AccountScreens.css b/frontend/src/components/AccountScreens.css index 0058537..9b5f6aa 100644 --- a/frontend/src/components/AccountScreens.css +++ b/frontend/src/components/AccountScreens.css @@ -41,6 +41,10 @@ .pz-gate-owner-text { display: grid; gap: 2px; min-width: 0; } .pz-gate-owner-text strong { color: var(--pz-ink); font-weight: 500; } +/* Porte, personne déjà connectée : dit quel compte est ouvert et ce qu'il faut faire une fois */ +.access-gate-session { display: grid; gap: 4px; padding: 12px 14px; border-radius: var(--pz-r-m); background: var(--pz-a50); border: 1px solid var(--pz-a100); color: var(--pz-ink); font: 400 14px/1.45 var(--pz-sans); } +.access-gate-session-step { color: var(--pz-ink-2); } + /* Fenêtre « Mon compte » (personne liée) */ .ap-linked { display: flex; gap: 12px; align-items: center; padding: 12px 14px; border-radius: var(--pz-r-m); background: var(--pz-a50); border: 1px solid var(--pz-a100); } .ap-avatar { width: 44px; height: 44px; flex: none; display: grid; place-items: center; overflow: hidden; border-radius: 50%; background: var(--pz-a100); color: var(--pz-a700); font: 400 20px/1 var(--pz-serif); } diff --git a/frontend/src/components/navbar/ContextualNavbar.jsx b/frontend/src/components/navbar/ContextualNavbar.jsx index eee10eb..fa18e99 100644 --- a/frontend/src/components/navbar/ContextualNavbar.jsx +++ b/frontend/src/components/navbar/ContextualNavbar.jsx @@ -307,7 +307,7 @@ function ContextualNavbar({