diff options
| author | Ivan Chen <ivan@tagg.id> | 2021-01-15 19:03:21 -0500 |
|---|---|---|
| committer | Ivan Chen <ivan@tagg.id> | 2021-01-15 20:18:33 -0500 |
| commit | c2f9dfe523f446104bbf1ae08648f0527d5264b3 (patch) | |
| tree | ce1393457efb3b331036da9cab540d8012d6be64 /src/components/notifications/Notification.tsx | |
| parent | b138c10822e399c84e54c35e2775e4eb53da1567 (diff) | |
fixed padding
Diffstat (limited to 'src/components/notifications/Notification.tsx')
| -rw-r--r-- | src/components/notifications/Notification.tsx | 13 |
1 files changed, 3 insertions, 10 deletions
diff --git a/src/components/notifications/Notification.tsx b/src/components/notifications/Notification.tsx index 5efa8b98..301a3c90 100644 --- a/src/components/notifications/Notification.tsx +++ b/src/components/notifications/Notification.tsx @@ -6,12 +6,7 @@ import {useDispatch, useSelector, useStore} from 'react-redux'; import {loadAvatar, loadMomentThumbnail} from '../../services'; import {RootState} from '../../store/rootReducer'; import {NotificationType, ScreenType} from '../../types'; -import { - fetchUserX, - SCREEN_HEIGHT, - SCREEN_WIDTH, - userXInStore, -} from '../../utils'; +import {fetchUserX, SCREEN_HEIGHT, userXInStore} from '../../utils'; interface NotificationProps { item: NotificationType; @@ -40,7 +35,6 @@ 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; @@ -125,8 +119,7 @@ const Notification: React.FC<NotificationProps> = (props) => { } /> </View> - <View - style={[styles.contentContainer, {marginRight: contentRightMargin}]}> + <View style={styles.contentContainer}> <Text style={styles.actorName}> {first_name} {last_name} </Text> @@ -162,7 +155,7 @@ const styles = StyleSheet.create({ height: '80%', flexDirection: 'column', justifyContent: 'space-around', - marginRight: SCREEN_WIDTH / 6, + marginRight: '15%', }, actorName: { fontSize: 15, |