[TMA-356] Updated icons (#118)

* updated icons

* added small icons

* fixed a bug

* now using the correct assets, fixed a bug

1 files changed, 54 insertions, 0 deletions

diff --git a/src/components/common/SmallSocialIcon.tsx b/src/components/common/SmallSocialIcon.tsx
new file mode 100644
index 00000000..d7d175d5
--- /dev/null
+++ b/src/components/common/SmallSocialIcon.tsx
@@ -0,0 +1,54 @@
+import React from 'react';
+import {Image} from 'react-native';
+
+interface SmallSocialIconProps {
+  social: string;
+  style: object;
+}
+/**
+ * An image component that returns the <Image> of the icon for a specific social media platform.
+ */
+const SmallSocialIcon: React.FC<SmallSocialIconProps> = ({
+  social: social,
+  style: style,
+}) => {
+  switch (social) {
+    case 'Instagram':
+      var icon = require('../../assets/socials/instagram-icon-small.png');
+      break;
+    case 'Facebook':
+      var icon = require('../../assets/socials/facebook-icon-small.png');
+      break;
+    case 'Twitter':
+      var icon = require('../../assets/socials/twitter-icon-small.png');
+      break;
+    // TODO: Missing icon assets
+    // case 'Twitch':
+    //   var icon = require('../../assets/socials/twitch-icon-small.png');
+    //   break;
+    // case 'Pinterest':
+    //   var icon = require('../../assets/socials/pinterest-icon-small.png');
+    //   break;
+    // case 'Whatsapp':
+    //   var icon = require('../../assets/socials/whatsapp-icon-small.png');
+    //   break;
+    // case 'Linkedin':
+    //   var icon = require('../../assets/socials/linkedin-icon-small.png');
+    //   break;
+    case 'Snapchat':
+      var icon = require('../../assets/socials/snapchat-icon-small.png');
+      break;
+    case 'Youtube':
+      var icon = require('../../assets/socials/youtube-icon-small.png');
+      break;
+    case 'TikTok':
+      var icon = require('../../assets/socials/tiktok-icon-small.png');
+      break;
+    default:
+      var icon = require('../../assets/socials/logo.png');
+      break;
+  }
+  return <Image style={style} source={icon} />;
+};
+
+export default SmallSocialIcon;