From cf33c52e498e023c5cee2e2912082eea3ee32dbd Mon Sep 17 00:00:00 2001
From: Zhiyuan Zheng <me@xmflsct.com>
Date: Thu, 1 Apr 2021 18:39:53 +0200
Subject: [PATCH] Fixed #93

---
 src/components/GracefullyImage.tsx | 22 +++++++++++++++++++---
 src/components/Parse/Emojis.tsx    |  2 +-
 src/screens/Compose.tsx            |  2 +-
 3 files changed, 21 insertions(+), 5 deletions(-)

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) ? (
-        <Blurhash decodeAsync blurhash={blurhash} style={styles.blurhash} />
-      ) : null
+      if (hidden || !imageLoaded) {
+        if (blurhash) {
+          return (
+            <Blurhash decodeAsync blurhash={blurhash} style={styles.blurhash} />
+          )
+        } else {
+          return (
+            <View
+              style={[
+                styles.blurhash,
+                { backgroundColor: theme.disabled }
+              ]}
+            />
+          )
+        }
+      } 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 <Text>{emojiShortcode}</Text>
+                  return <Text key={emojiShortcode}>{emojiShortcode}</Text>
                 } else {
                   if (i === 0) {
                     return <Text key={emojiShortcode}> </Text>
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<ScreenComposeProp> = ({
     const autoSave = composeState.dirty
       ? setInterval(() => {
           saveDraft()
-        }, 2000)
+        }, 1000)
       : removeDraft()
     return () => autoSave && clearInterval(autoSave)
   }, [composeState])