move show carousel out of the component

3 files changed, 11 insertions, 13 deletions

diff --git a/src/view/com/composer/ComposePost.tsx b/src/view/com/composer/ComposePost.tsx
index 114586f47..9fe6b78b3 100644
--- a/src/view/com/composer/ComposePost.tsx
+++ b/src/view/com/composer/ComposePost.tsx
@@ -232,12 +232,15 @@ export const ComposePost = observer(function ComposePost({
           selectedPhotos={selectedPhotos}
           setSelectedPhotos={setSelectedPhotos}
         />
-        <PhotoCarouselPicker
-          selectedPhotos={selectedPhotos}
-          setSelectedPhotos={setSelectedPhotos}
-          localPhotos={localPhotos}
-          inputText={text}
-        />
+        {localPhotos.photos != null &&
+          text === '' &&
+          selectedPhotos.length === 0 && (
+            <PhotoCarouselPicker
+              selectedPhotos={selectedPhotos}
+              setSelectedPhotos={setSelectedPhotos}
+              localPhotos={localPhotos}
+            />
+          )}
         <View style={styles.separator} />
         <View style={[s.flexRow, s.pt10, s.pb10, s.pr5, styles.contentCenter]}>
           <View style={s.flex1} />
diff --git a/src/view/com/composer/PhotoCarouselPicker.tsx b/src/view/com/composer/PhotoCarouselPicker.tsx
index 17be8a5f5..9671dd29f 100644
--- a/src/view/com/composer/PhotoCarouselPicker.tsx
+++ b/src/view/com/composer/PhotoCarouselPicker.tsx
@@ -8,17 +8,13 @@ import {observer} from 'mobx-react-lite'
 export const PhotoCarouselPicker = observer(function PhotoCarouselPicker({
   selectedPhotos,
   setSelectedPhotos,
-  inputText,
   localPhotos,
 }: {
   selectedPhotos: string[]
   setSelectedPhotos: React.Dispatch<React.SetStateAction<string[]>>
-  inputText: string
   localPhotos: any
 }) {
-  return localPhotos.photos != null &&
-    inputText === '' &&
-    selectedPhotos.length === 0 ? (
+  return (
     <ScrollView
       horizontal
       style={styles.photosContainer}
@@ -60,7 +56,7 @@ export const PhotoCarouselPicker = observer(function PhotoCarouselPicker({
         <FontAwesomeIcon icon="image" style={{color: colors.blue3}} size={24} />
       </TouchableOpacity>
     </ScrollView>
-  ) : null
+  )
 })
 
 const styles = StyleSheet.create({
diff --git a/src/view/com/composer/SelectedPhoto.tsx b/src/view/com/composer/SelectedPhoto.tsx
index 1fe147483..87f7fbb8c 100644
--- a/src/view/com/composer/SelectedPhoto.tsx
+++ b/src/view/com/composer/SelectedPhoto.tsx
@@ -2,7 +2,6 @@ import React from 'react'
 import {Image, StyleSheet, TouchableOpacity, View} from 'react-native'
 import {FontAwesomeIcon} from '@fortawesome/react-native-fontawesome'
 import {colors} from '../../lib/styles'
-import {observer} from 'mobx-react-lite'
 
 export const SelectedPhoto = ({
   selectedPhotos,