about summary refs log tree commit diff
path: root/src/view/com/post/PostText.tsx
diff options
context:
space:
mode:
Diffstat (limited to 'src/view/com/post/PostText.tsx')
-rw-r--r--src/view/com/post/PostText.tsx12
1 files changed, 8 insertions, 4 deletions
diff --git a/src/view/com/post/PostText.tsx b/src/view/com/post/PostText.tsx
index 44f9e4d20..0cdc875a9 100644
--- a/src/view/com/post/PostText.tsx
+++ b/src/view/com/post/PostText.tsx
@@ -1,6 +1,6 @@
 import React, {useState, useEffect} from 'react'
 import {observer} from 'mobx-react-lite'
-import {View} from 'react-native'
+import {StyleSheet, View} from 'react-native'
 import {LoadingPlaceholder} from '../util/LoadingPlaceholder'
 import {ErrorMessage} from '../util/error/ErrorMessage'
 import {Text} from '../util/text/Text'
@@ -31,9 +31,9 @@ export const PostText = observer(function PostText({
   if (!model || model.isLoading || model.uri !== uri) {
     return (
       <View>
-        <LoadingPlaceholder width="100%" height={8} style={{marginTop: 6}} />
-        <LoadingPlaceholder width="100%" height={8} style={{marginTop: 6}} />
-        <LoadingPlaceholder width={100} height={8} style={{marginTop: 6}} />
+        <LoadingPlaceholder width="100%" height={8} style={styles.mt6} />
+        <LoadingPlaceholder width="100%" height={8} style={styles.mt6} />
+        <LoadingPlaceholder width={100} height={8} style={styles.mt6} />
       </View>
     )
   }
@@ -56,3 +56,7 @@ export const PostText = observer(function PostText({
     </View>
   )
 })
+
+const styles = StyleSheet.create({
+  mt6: {marginTop: 6},
+})