refactor: redo composer image state management

src/view/shell/Composer.tsx

@@ -1,22 +1,23 @@
 import React, {useEffect} from 'react'
-import {observer} from 'mobx-react-lite'
 import {Animated, Easing, Platform, StyleSheet, View} from 'react-native'
-import {ComposePost} from '../com/composer/Composer'
-import {useComposerState} from 'state/shell/composer'
+
+import {purgeTemporaryImageFiles} from '#/state/gallery'
 import {useAnimatedValue} from 'lib/hooks/useAnimatedValue'
 import {usePalette} from 'lib/hooks/usePalette'
+import {useComposerState} from 'state/shell/composer'
+import {ComposePost} from '../com/composer/Composer'
 
-export const Composer = observer(function ComposerImpl({
-  winHeight,
-}: {
-  winHeight: number
-}) {
+export const Composer = ({winHeight}: {winHeight: number}) => {
   const state = useComposerState()
   const pal = usePalette('default')
   const initInterp = useAnimatedValue(0)
 
   useEffect(() => {
     if (state) {
+      if (process.env.NODE_ENV !== 'development') {
+        purgeTemporaryImageFiles()
+      }
+
       Animated.timing(initInterp, {
         toValue: 1,
         duration: 300,
@@ -60,7 +61,7 @@ export const Composer = observer(function ComposerImpl({
       />
     </Animated.View>
   )
-})
+}
 
 const styles = StyleSheet.create({
   wrapper: {