From 1a8239a0c3a341292e859c5a4e999376ccab72d0 Mon Sep 17 00:00:00 2001
From: Mary <git@mary.my.id>
Date: Wed, 8 May 2024 07:48:45 +0700
Subject: [PATCH] refactor: move purging outside of effect

---
 src/state/shell/composer.tsx | 6 +++++-
 src/view/shell/Composer.tsx  | 5 -----
 2 files changed, 5 insertions(+), 6 deletions(-)

diff --git a/src/state/shell/composer.tsx b/src/state/shell/composer.tsx
index 5b4e505439..bbccfdd845 100644
--- a/src/state/shell/composer.tsx
+++ b/src/state/shell/composer.tsx
@@ -1,11 +1,13 @@
 import React from 'react'
 import {
+  AppBskyActorDefs,
   AppBskyEmbedRecord,
   AppBskyRichtextFacet,
   ModerationDecision,
-  AppBskyActorDefs,
 } from '@atproto/api'
+
 import {useNonReactiveCallback} from '#/lib/hooks/useNonReactiveCallback'
+import {purgeTemporaryImageFiles} from '../gallery'
 
 export interface ComposerOptsPostRef {
   uri: string
@@ -62,6 +64,8 @@ export function Provider({children}: React.PropsWithChildren<{}>) {
 
   const closeComposer = useNonReactiveCallback(() => {
     let wasOpen = !!state
+
+    purgeTemporaryImageFiles()
     setState(undefined)
     return wasOpen
   })
diff --git a/src/view/shell/Composer.tsx b/src/view/shell/Composer.tsx
index 8148fe4bcb..96f296f507 100644
--- a/src/view/shell/Composer.tsx
+++ b/src/view/shell/Composer.tsx
@@ -1,7 +1,6 @@
 import React, {useEffect} from 'react'
 import {Animated, Easing, Platform, StyleSheet, View} from 'react-native'
 
-import {purgeTemporaryImageFiles} from '#/state/gallery'
 import {useAnimatedValue} from 'lib/hooks/useAnimatedValue'
 import {usePalette} from 'lib/hooks/usePalette'
 import {useComposerState} from 'state/shell/composer'
@@ -14,10 +13,6 @@ export const Composer = ({winHeight}: {winHeight: number}) => {
 
   useEffect(() => {
     if (state) {
-      if (process.env.NODE_ENV !== 'development') {
-        purgeTemporaryImageFiles()
-      }
-
       Animated.timing(initInterp, {
         toValue: 1,
         duration: 300,