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 @@
+
+
+
\ No newline at end of file