7fd8b4d03a
Porting changes from https://github.com/chatwoot/chatwoot/pull/10552 --------- Co-authored-by: Pranav <pranav@chatwoot.com> Co-authored-by: Sivin Varghese <64252451+iamsivin@users.noreply.github.com> Co-authored-by: Vishnu Narayanan <vishnu@chatwoot.com> Co-authored-by: Sojan <sojan@pepalo.com> Co-authored-by: iamsivin <iamsivin@gmail.com> Co-authored-by: Pranav <pranavrajs@gmail.com>
60 lines
1.2 KiB
Vue
60 lines
1.2 KiB
Vue
<script>
|
|
import { mapGetters } from 'vuex';
|
|
|
|
import SearchResultSection from './SearchResultSection.vue';
|
|
import SearchResultContactItem from './SearchResultContactItem.vue';
|
|
|
|
export default {
|
|
components: {
|
|
SearchResultSection,
|
|
SearchResultContactItem,
|
|
},
|
|
props: {
|
|
contacts: {
|
|
type: Array,
|
|
default: () => [],
|
|
},
|
|
query: {
|
|
type: String,
|
|
default: '',
|
|
},
|
|
isFetching: {
|
|
type: Boolean,
|
|
default: false,
|
|
},
|
|
showTitle: {
|
|
type: Boolean,
|
|
default: true,
|
|
},
|
|
},
|
|
computed: {
|
|
...mapGetters({
|
|
accountId: 'getCurrentAccountId',
|
|
}),
|
|
},
|
|
};
|
|
</script>
|
|
|
|
<template>
|
|
<SearchResultSection
|
|
:title="$t('SEARCH.SECTION.CONTACTS')"
|
|
:empty="!contacts.length"
|
|
:query="query"
|
|
:show-title="showTitle"
|
|
:is-fetching="isFetching"
|
|
>
|
|
<ul v-if="contacts.length" class="space-y-1.5">
|
|
<li v-for="contact in contacts" :key="contact.id">
|
|
<SearchResultContactItem
|
|
:id="contact.id"
|
|
:name="contact.name"
|
|
:email="contact.email"
|
|
:phone="contact.phone_number"
|
|
:account-id="accountId"
|
|
:thumbnail="contact.thumbnail"
|
|
/>
|
|
</li>
|
|
</ul>
|
|
</SearchResultSection>
|
|
</template>
|