From 6a0ef1c69222082a011196f93d3278cf328f12ce Mon Sep 17 00:00:00 2001
From: Andrea Marchesini <amarchesini@mozilla.com>
Date: Tue, 7 Nov 2023 19:31:57 +0100
Subject: [PATCH] feat: Show the assignee for consumed tokens [MOSOWEB-95]

---
 components/settings/SettingsInviteCodes.vue | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/components/settings/SettingsInviteCodes.vue b/components/settings/SettingsInviteCodes.vue
index f4538d8daa..8a4ee466d0 100644
--- a/components/settings/SettingsInviteCodes.vue
+++ b/components/settings/SettingsInviteCodes.vue
@@ -37,7 +37,11 @@ const description = noInvites ? t('invites.no_codes.subtitle') : t('invites.subt
         <div flex justify-between items-center b-b-1px p-4 m-b--1px>
           <span>{{ code.token }}</span>
           <div>
-            <button flex justify-between items-center @click="copy(code.token)">
+            <NuxtLink v-if="code.assigned" underline flex :href="`/@${code.assigned}`">
+              @{{ code.assigned }}
+            </NuxtLink>
+
+            <button v-if="!code.assigned" flex justify-between items-center @click="copy(code.token)">
               <span v-if="copied && text === code.token" m-r-2 bg-primary text-base-light p-x-3 b-rd-10>{{ $t("invites.copied") }}</span>
               <div i-ri:file-copy-line />
             </button>