LeadMagnet/leadchat
1
0
Fork 0
Code Issues Pull Requests Actions 3 Packages Projects Releases Wiki Activity

Enhancement: Conversation item redesign (#1857)

Browse Source 
* Rearrange the inboxes label in conversations.
This commit is contained in:
Sivin Varghese
2021-03-09 19:52:14 +05:30
committed by GitHub
parent 94159ca9df
commit 1c7e5df91a
6 changed files with 131 additions and 51 deletions
Download Patch File Download Diff File Expand all files Collapse all files

42
app/javascript/dashboard/components/layout/SidebarItem.vue
View File

@@ -60,35 +60,7 @@ import { mapGetters } from 'vuex';
import router from '../../routes';
import adminMixin from '../../mixins/isAdmin';
import { INBOX_TYPES } from 'shared/mixins/inboxMixin';
const getInboxClassByType = (type, phoneNumber) => {
switch (type) {
case INBOX_TYPES.WEB:
return 'ion-earth';
case INBOX_TYPES.FB:
return 'ion-social-facebook';
case INBOX_TYPES.TWITTER:
return 'ion-social-twitter';
case INBOX_TYPES.TWILIO:
return phoneNumber.startsWith('whatsapp')
? 'ion-social-whatsapp-outline'
: 'ion-android-textsms';
case INBOX_TYPES.API:
return 'ion-cloud';
case INBOX_TYPES.EMAIL:
return 'ion-email';
default:
return '';
}
};
import { getInboxClassByType } from 'dashboard/helper/inbox';
export default {
mixins: [adminMixin],
props: {
@@ -166,26 +138,26 @@ export default {
}
.inbox-icon.ion-social-facebook {
color: var(--color-facebook-brand);
color: var(--color-facebook-brand);
}
.inbox-icon.ion-social-whatsapp-outline {
color: var(--color-twitter-brand);
color: var(--color-whatsapp-brand);
}
.inbox-icon.ion-social-twitter {
color: var(--color-twitter-brand);
color: var(--color-twitter-brand);
}
.inbox-icon.ion-android-textsms {
color: var(--color-sms-twilio);
color: var(--color-sms-twilio);
}
.inbox-icon.ion-earth {
color: var(--color-woot);
color: var(--color-woot);
}
.inbox-icon.ion-cloud {
color: var(--color-cloud-generic);
color: var(--color-cloud-generic);
}
</style>