diff --git a/frontend/ui/src/components/SourceIcon/index.tsx b/frontend/ui/src/components/SourceIcon/index.tsx index 03b7f1d43a..94b5db2036 100644 --- a/frontend/ui/src/components/SourceIcon/index.tsx +++ b/frontend/ui/src/components/SourceIcon/index.tsx @@ -5,6 +5,8 @@ import {ReactComponent as WhatsappIcon} from 'assets/images/icons/whatsapp_avata import {ReactComponent as SmsIcon} from 'assets/images/icons/sms_avatar.svg'; import {ReactComponent as FacebookIcon} from 'assets/images/icons/messenger_avatar.svg'; import {ReactComponent as AiryAvatar} from 'assets/images/icons/airy_avatar.svg'; +import {ReactComponent as InstagramIcon} from 'assets/images/icons/instagramSource.svg'; +import {ReactComponent as BubbleIcon} from 'assets/images/icons/bubble.svg'; const sourceIconsMap = { google: GoogleIcon, @@ -12,9 +14,11 @@ const sourceIconsMap = { 'twilio.sms': SmsIcon, 'twilio.whatsapp': WhatsappIcon, chatplugin: AiryAvatar, + instagram: InstagramIcon, + unknown: BubbleIcon, }; export const SourceIcon = ({source, ...props}) => { - const SourceIcon = sourceIconsMap[source]; + const SourceIcon = sourceIconsMap[source] ?? sourceIconsMap['unknown']; return ; }; diff --git a/lib/typescript/assets/images/icons/bubble.svg b/lib/typescript/assets/images/icons/bubble.svg new file mode 100644 index 0000000000..6d51a78f08 --- /dev/null +++ b/lib/typescript/assets/images/icons/bubble.svg @@ -0,0 +1,3 @@ + + + diff --git a/lib/typescript/assets/images/icons/instagramSource.svg b/lib/typescript/assets/images/icons/instagramSource.svg new file mode 100644 index 0000000000..50a75a6834 --- /dev/null +++ b/lib/typescript/assets/images/icons/instagramSource.svg @@ -0,0 +1,26 @@ + + + +Created with Fabric.js 1.7.22 + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file