Fix poll input

package.json

@@ -3,7 +3,7 @@
   "versions": {
     "major": 4,
     "minor": 3,
-    "patch": 0
+    "patch": 1
   },
   "description": "tooot app for Mastodon",
   "author": "xmflsct <me@xmflsct.com>",

src/screens/Compose/Root.tsx

@@ -5,13 +5,7 @@ import { StyleConstants } from '@utils/styles/constants'
 import { useTheme } from '@utils/styles/ThemeManager'
 import { chunk, forEach, groupBy, sortBy } from 'lodash'
 import React, { useContext, useEffect, useMemo, useRef } from 'react'
-import {
+import { AccessibilityInfo, findNodeHandle, FlatList, StyleSheet, View } from 'react-native'
-  AccessibilityInfo,
-  findNodeHandle,
-  FlatList,
-  StyleSheet,
-  View
-} from 'react-native'
 import { Circle } from 'react-native-animated-spinkit'
 import ComposeActions from './Root/Actions'
 import ComposePosting from './Posting'
@@ -79,8 +73,7 @@ const ComposeRoot = React.memo(
 
     const { isFetching, data, refetch } = useSearchQuery({
       type:
-        composeState.tag?.type === 'accounts' ||
+        composeState.tag?.type === 'accounts' || composeState.tag?.type === 'hashtags'
-        composeState.tag?.type === 'hashtags'
           ? composeState.tag.type
           : undefined,
       term: composeState.tag?.text.substring(1),
@@ -89,8 +82,7 @@ const ComposeRoot = React.memo(
 
     useEffect(() => {
       if (
-        (composeState.tag?.type === 'accounts' ||
+        (composeState.tag?.type === 'accounts' || composeState.tag?.type === 'hashtags') &&
-          composeState.tag?.type === 'hashtags') &&
         composeState.tag?.text
       ) {
         refetch()
@@ -106,9 +98,7 @@ const ComposeRoot = React.memo(
           title: string
           data: Pick<Mastodon.Emoji, 'shortcode' | 'url' | 'static_url'>[][]
         }[] = []
-        forEach(
+        forEach(groupBy(sortBy(emojisData, ['category', 'shortcode']), 'category'), (value, key) =>
-          groupBy(sortBy(emojisData, ['category', 'shortcode']), 'category'),
-          (value, key) =>
           sortedEmojis.push({ title: key, data: chunk(value, 5) })
         )
         if (frequentEmojis.length) {
@@ -132,15 +122,22 @@ const ComposeRoot = React.memo(
       if (isFetching) {
         return (
           <View key='listEmpty' style={styles.loading}>
-            <Circle
+            <Circle size={StyleConstants.Font.Size.M * 1.25} color={colors.secondary} />
-              size={StyleConstants.Font.Size.M * 1.25}
-              color={colors.secondary}
-            />
           </View>
         )
       }
     }, [isFetching])
 
+    const Footer = useMemo(
+      () => (
+        <ComposeRootFooter
+          accessibleRefAttachments={accessibleRefAttachments}
+          accessibleRefEmojis={accessibleRefEmojis}
+        />
+      ),
+      [accessibleRefAttachments.current, accessibleRefEmojis.current]
+    )
+
     return (
       <View style={styles.base}>
         <FlatList
@@ -154,12 +151,7 @@ const ComposeRoot = React.memo(
           ListEmptyComponent={listEmpty}
           keyboardShouldPersistTaps='always'
           ListHeaderComponent={ComposeRootHeader}
-          ListFooterComponent={() => (
+          ListFooterComponent={Footer}
-            <ComposeRootFooter
-              accessibleRefAttachments={accessibleRefAttachments}
-              accessibleRefEmojis={accessibleRefEmojis}
-            />
-          )}
           ItemSeparatorComponent={ComponentSeparator}
           // @ts-ignore
           data={data ? data[composeState.tag?.type] : undefined}

src/screens/Compose/utils/types.d.ts

@@ -53,10 +53,7 @@ export type ComposeState = {
     active: boolean
     total: number
     options: {
-      '0': string | undefined
+      [key: string]: string | undefined
-      '1': string | undefined
-      '2': string | undefined
-      '3': string | undefined
     }
     multiple: boolean
     expire: '300' | '1800' | '3600' | '21600' | '86400' | '259200' | '604800'