|
|
@ -42,7 +42,9 @@ |
|
|
|
icon="circle-question" |
|
|
|
class="text-slate-400 text-4xl shrink-0" |
|
|
|
/> |
|
|
|
<span class="text-ellipsis overflow-hidden italic text-slate-500">{{ unnamedEntityName }}</span> |
|
|
|
<span class="text-ellipsis overflow-hidden italic text-slate-500">{{ |
|
|
|
unnamedEntityName |
|
|
|
}}</span> |
|
|
|
</span> |
|
|
|
<span class="text-right"> |
|
|
|
<button |
|
|
@ -61,14 +63,22 @@ |
|
|
|
class="border-b border-slate-300 py-3" |
|
|
|
> |
|
|
|
<h2 class="text-base flex gap-4 items-center"> |
|
|
|
<span class="grow flex gap-2 items-center font-medium overflow-hidden"> |
|
|
|
<span |
|
|
|
class="grow flex gap-2 items-center font-medium overflow-hidden" |
|
|
|
> |
|
|
|
<EntityIcon |
|
|
|
:contact="contact" |
|
|
|
:icon-size="34" |
|
|
|
class="inline-block align-middle border border-slate-300 rounded-full overflow-hidden shrink-0" |
|
|
|
/> |
|
|
|
<span v-if="contact.name" class="text-ellipsis overflow-hidden">{{ contact.name }}</span> |
|
|
|
<span v-else class="text-ellipsis overflow-hidden italic text-slate-500">{{ contact.did }}</span> |
|
|
|
<span v-if="contact.name" class="text-ellipsis overflow-hidden">{{ |
|
|
|
contact.name |
|
|
|
}}</span> |
|
|
|
<span |
|
|
|
v-else |
|
|
|
class="text-ellipsis overflow-hidden italic text-slate-500" |
|
|
|
>{{ contact.did }}</span |
|
|
|
> |
|
|
|
</span> |
|
|
|
<span class="text-right"> |
|
|
|
<button |
|
|
@ -268,7 +278,10 @@ export default class ContactGiftingView extends Vue { |
|
|
|
return { giver, recipient }; |
|
|
|
} else { |
|
|
|
// We're selecting a recipient, so the selected entity becomes the recipient |
|
|
|
const recipient = selectedEntity || { did: "", name: UNNAMED_ENTITY_NAME }; |
|
|
|
const recipient = selectedEntity || { |
|
|
|
did: "", |
|
|
|
name: UNNAMED_ENTITY_NAME, |
|
|
|
}; |
|
|
|
const giver = this.createGiverFromContext(); |
|
|
|
return { giver, recipient }; |
|
|
|
} |
|
|
@ -329,8 +342,6 @@ export default class ContactGiftingView extends Vue { |
|
|
|
return UNNAMED_ENTITY_NAME; |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
get shouldShowYouEntity(): boolean { |
|
|
|
if (this.stepType === "giver") { |
|
|
|
// When selecting a giver, show "You" if the current recipient is not "You" |
|
|
@ -356,4 +367,3 @@ export default class ContactGiftingView extends Vue { |
|
|
|
} |
|
|
|
} |
|
|
|
</script> |
|
|
|
|
|
|
|