1 files changed, 18 insertions, 13 deletions
diff --git a/src/components/common/TaggPrompt.tsx b/src/components/common/TaggPrompt.tsx
index 236501ff..0bf25c3c 100644
--- a/src/components/common/TaggPrompt.tsx
+++ b/src/components/common/TaggPrompt.tsx
@@ -1,5 +1,11 @@
 import React from 'react';
-import {StyleSheet, Text, TouchableOpacity} from 'react-native';
+import {
+  ImageStyle,
+  StyleProp,
+  StyleSheet,
+  Text,
+  TouchableOpacity,
+} from 'react-native';
 import {Image, View} from 'react-native-animatable';
 import CloseIcon from '../../assets/ionicons/close-outline.svg';
 import {normalize, SCREEN_HEIGHT} from '../../utils';
@@ -9,7 +15,8 @@ type TaggPromptProps = {
   messageHeader: string;
   messageBody: string | Element;
   logoType: 'plus' | 'tagg' | 'invite_friends' | 'private_accounts' | 'chat';
-  logoLink: string | null;
+  logoLink?: string;
+  externalStyles?: Record<string, StyleProp<ImageStyle>>;
   hideCloseButton?: boolean;
   noPadding?: boolean;
   onClose: () => void;
@@ -20,6 +27,7 @@ const TaggPrompt: React.FC<TaggPromptProps> = ({
   messageBody,
   logoType,
   logoLink,
+  externalStyles,
   hideCloseButton,
   noPadding,
   onClose,
@@ -51,13 +59,14 @@ const TaggPrompt: React.FC<TaggPromptProps> = ({
 
   return (
     <View style={[styles.container, topPadding, bottomPadding]}>
-      {logoLink
-        ? 
-          <TouchableOpacity
-            onPress={() => navigation.navigate(logoLink)}>
-            <Image style={styles.chat} source={logo()} />
-          </TouchableOpacity>
-        : <Image style={styles.icon} source={logo()} />}
+      <TouchableOpacity
+        disabled={logoLink ? false : true}
+        onPress={() => logoLink && navigation.navigate(logoLink)}>
+        <Image
+          style={externalStyles?.icon ? externalStyles.icon : styles.icon}
+          source={logo()}
+        />
+      </TouchableOpacity>
       <Text style={styles.header}>{messageHeader}</Text>
       <Text style={styles.subtext}>{messageBody}</Text>
       {!hideCloseButton && (
@@ -92,10 +101,6 @@ const styles = StyleSheet.create({
     width: normalize(40),
     height: normalize(40),
   },
-  chat: {
-    width: normalize(350),
-    height: normalize(70),
-  },
   header: {
     color: 'black',
     fontSize: normalize(16),