From 1c9a6321ea355e202a043ffe5b6044f94afbeb77 Mon Sep 17 00:00:00 2001
From: Ivan Chen <ivan@tagg.id>
Date: Wed, 30 Dec 2020 21:38:29 -0500
Subject: fixed padding

---
 src/components/notifications/Notification.tsx | 11 +++++------
 1 file changed, 5 insertions(+), 6 deletions(-)

(limited to 'src/components/notifications/Notification.tsx')

diff --git a/src/components/notifications/Notification.tsx b/src/components/notifications/Notification.tsx
index 2bcee89e..761ea950 100644
--- a/src/components/notifications/Notification.tsx
+++ b/src/components/notifications/Notification.tsx
@@ -42,6 +42,7 @@ const Notification: React.FC<NotificationProps> = (props) => {
   const [avatarURI, setAvatarURI] = useState<string | undefined>(undefined);
   const [momentURI, setMomentURI] = useState<string | undefined>(undefined);
   const backgroundColor = unread ? '#DCF1F1' : 'rgba(0,0,0,0)';
+  const contentRightMargin = notification_type === 'CMT' ? '15%' : 0;
 
   useEffect(() => {
     let mounted = true;
@@ -121,22 +122,20 @@ const Notification: React.FC<NotificationProps> = (props) => {
           style={styles.avatar}
           source={
             avatarURI
-              ? {uri: avatarURI, cache: 'only-if-cached'}
+              ? {uri: avatarURI}
               : require('../../assets/images/avatar-placeholder.png')
           }
         />
       </View>
-      <View style={styles.contentContainer}>
+      <View
+        style={[styles.contentContainer, {marginRight: contentRightMargin}]}>
         <Text style={styles.actorName}>
           {first_name} {last_name}
         </Text>
         <Text>{verbage}</Text>
       </View>
       {notification_type === 'CMT' && notification_object && (
-        <Image
-          style={styles.moment}
-          source={{uri: momentURI, cache: 'only-if-cached'}}
-        />
+        <Image style={styles.moment} source={{uri: momentURI}} />
       )}
     </TouchableWithoutFeedback>
   );
-- 
cgit v1.2.3-70-g09d2

