scottk/chatwoot
1
0
Fork 0
mirror of https://github.com/lingble/chatwoot.git synced 2025-11-03 20:48:07 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix: Clicking contact name in conversation should open contact details panel (#6580)

Browse Source 
* chore: support panel trigger on contact name click

Co-authored-by: BikashSah999 <51731962+BikashSah999@users.noreply.github.com>

* Update ConversationHeader.vue

---------

Co-authored-by: BikashSah999 <51731962+BikashSah999@users.noreply.github.com>
Co-authored-by: Nithin David Thomas <1277421+nithindavid@users.noreply.github.com>
This commit is contained in:
GitStart
2023-03-02 08:46:57 +01:00
committed by GitHub
parent 9e8eb293e9
commit 89c391e7c0
1 changed files with 22 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

36
app/javascript/dashboard/components/widgets/conversation/ConversationHeader.vue
View File

@@ -10,16 +10,25 @@
:status="currentContact.availability_status" :status="currentContact.availability_status"
/> />
<div class="user--profile__meta"> <div class="user--profile__meta">
<h3 class="user--name text-truncate"> <woot-button
<span class="margin-right-smaller">{{ currentContact.name }}</span> variant="link"
<fluent-icon color-scheme="secondary"
v-if="!isHMACVerified" class="text-truncate"
v-tooltip="$t('CONVERSATION.UNVERIFIED_SESSION')" @click.prevent="$emit('contact-panel-toggle')"
size="14" >
class="hmac-warning__icon" <h3 class="sub-block-title user--name text-truncate">
icon="warning" <span class="margin-right-smaller">{{
/> currentContact.name
</h3> }}</span>
<fluent-icon
v-if="!isHMACVerified"
v-tooltip="$t('CONVERSATION.UNVERIFIED_SESSION')"
size="14"
class="hmac-warning__icon"
icon="warning"
/>
</h3>
</woot-button>
<div class="conversation--header--actions text-truncate"> <div class="conversation--header--actions text-truncate">
<inbox-name <inbox-name
v-if="hasMultipleInboxes" v-if="hasMultipleInboxes"
@@ -201,11 +210,10 @@ export default {
.user--name { .user--name {
display: inline-block; display: inline-block;
font-size: var(--font-size-medium); line-height: 1.2;
line-height: 1.3;
margin: 0;
text-transform: capitalize; text-transform: capitalize;
width: 100%; margin: 0;
padding: 0;
} }
.conversation--header--actions { .conversation--header--actions {