Add instagram signature link

app/internal_packages/composer-signature/lib/constants.ts

@@ -47,6 +47,10 @@ export const DataShape = [
     key: 'twitterHandle',
     label: localized('Twitter Handle'),
   },
+  {
+    key: 'instagramURL',
+    label: localized('Instagram URL')
+  },
   {
     key: 'tintColor',
     label: localized('Theme Color'),
@@ -108,6 +112,13 @@ export const ResolveSignatureData = data => {
     data.photoURL = '';
   }
 
+  if (data.instagramURL) {
+    if (!data.instagramURL.includes('instagram.com')) {
+      data.instagramURL = `https://www.instagram.com/${data.instagramURL}`;
+    }
+  }
+
+
   return data;
 };
 

app/internal_packages/composer-signature/lib/templates.tsx

@@ -28,6 +28,15 @@ const LINKEDIN_SHARE = (
   />
 );
 
+const INSTAGRAM_SHARE = (
+  <img
+    src="https://www.getmailspring.com/signature-assets/instagram.gif"
+    width="13"
+    height="13"
+    alt="Instagram"
+  />
+);
+
 function widthAndHeightForPhotoURL(
   photoURL,
   { maxWidth, maxHeight }: { maxWidth?: number; maxHeight?: number } = {}
@@ -149,6 +158,15 @@ function GenericInfoBlock(props, prefixStyle: any = PrefixStyles.None) {
             {TWITTER_SHARE}
           </a>
         )}
+        {props.instagramURL && (
+          <a
+            href={`${props.instagramURL}`}
+            title="Instagram"
+            style={{ marginRight: 8, color: props.tintColor }}
+          >
+            {INSTAGRAM_SHARE}
+          </a>
+        )}
       </div>
     </div>
   );