diff --git a/frontend/src/lang/en.json b/frontend/src/lang/en.json index d3f6b7a090b33a383d22e42ae50f6000cf3a1a7a..348357fcc6567bf96e6fcfab8fc48e0baa2eb47e 100644 --- a/frontend/src/lang/en.json +++ b/frontend/src/lang/en.json @@ -8,6 +8,9 @@ "users": "Users", "studies": "Studies" }, + "tutor": { + "profile": "My profile" + }, "availability": "Availability", "language": "Language", "register": "Sign up", diff --git a/frontend/src/lang/fr.json b/frontend/src/lang/fr.json index 1cade0ccb2b5c789800e88ddf29d6b70a3c0ab38..e873b8c734bd2c4999994e12dd87f51ca90fb816 100644 --- a/frontend/src/lang/fr.json +++ b/frontend/src/lang/fr.json @@ -13,6 +13,9 @@ "users": "Utilisateurs", "sessions": "Sessions", "studies": "Études" + }, + "tutor": { + "profile": "Mon profil" } }, "chatbox": { diff --git a/frontend/src/routes/Header.svelte b/frontend/src/routes/Header.svelte index 876faf2f741150f97c9aaa4e5e0bb02f82717092..87a19947f33fa79757769c05c40317bdeb7951d6 100644 --- a/frontend/src/routes/Header.svelte +++ b/frontend/src/routes/Header.svelte @@ -51,7 +51,7 @@ </div> <div class="navbar-end hidden sm:flex"> <ul class="menu menu-horizontal p-0 flex items-center"> - {#if user} + {#if user?.type === 2} <li> <details> <summary class="px-3"> @@ -71,7 +71,34 @@ </ul> </details> </li> - {#if user?.type === 0} + {/if} + {#if user?.type === 1} + <li> + <details> + <summary class="px-3"> + <img + src={`https://gravatar.com/avatar/${user.emailHash}?d=identicon`} + alt={''} + class="rounded-full border text-sm size-8 border-neutral-400" + /> + {user.nickname} + </summary> + <ul class="menu menu-sm dropdown-content absolute right-0"> + <li> + <a data-sveltekit-reload href="/logout" class="whitespace-nowrap"> + {$t('header.signout')} + </a> + </li> + <li> + <a data-sveltekit-reload href="/tutor/profile" class="whitespace-nowrap"> + {$t('header.tutor.profile')} + </a> + </li> + </ul> + </details> + </li> + {/if} + {#if user?.type === 0} <li> <details> <summary class="p-3"> @@ -96,8 +123,7 @@ </ul> </details> </li> - {/if} - {:else} + {:else if !user} <li> <a class="btn btn-sm my-auto"