diff --git a/src/components/GracefullyImage.tsx b/src/components/GracefullyImage.tsx index 8800c95f..6e597b39 100644 --- a/src/components/GracefullyImage.tsx +++ b/src/components/GracefullyImage.tsx @@ -6,6 +6,7 @@ import { Pressable, StyleProp, StyleSheet, + View, ViewStyle } from 'react-native' import { Blurhash } from 'react-native-blurhash' @@ -94,9 +95,24 @@ const GracefullyImage = React.memo( [source] ) const blurhashView = useMemo(() => { - return blurhash && (hidden || !imageLoaded) ? ( - - ) : null + if (hidden || !imageLoaded) { + if (blurhash) { + return ( + + ) + } else { + return ( + + ) + } + } else { + return null + } }, [hidden, imageLoaded]) return ( diff --git a/src/components/Parse/Emojis.tsx b/src/components/Parse/Emojis.tsx index ba18c002..0f60c5a1 100644 --- a/src/components/Parse/Emojis.tsx +++ b/src/components/Parse/Emojis.tsx @@ -69,7 +69,7 @@ const ParseEmojis = React.memo( return emojiShortcode === `:${emoji.shortcode}:` }) if (emojiIndex === -1) { - return {emojiShortcode} + return {emojiShortcode} } else { if (i === 0) { return diff --git a/src/screens/Compose.tsx b/src/screens/Compose.tsx index d4e3bdc3..bf7ba696 100644 --- a/src/screens/Compose.tsx +++ b/src/screens/Compose.tsx @@ -195,7 +195,7 @@ const ScreenCompose: React.FC = ({ const autoSave = composeState.dirty ? setInterval(() => { saveDraft() - }, 2000) + }, 1000) : removeDraft() return () => autoSave && clearInterval(autoSave) }, [composeState])