Pre-web image changes refactor (#560)

* Pre-web image changes refactor

* Remove unneeded async behavior

1 files changed, 5 insertions, 2 deletions

diff --git a/src/view/com/composer/photos/Gallery.tsx b/src/view/com/composer/photos/Gallery.tsx
index e2d95b2a4..1aa0aef7a 100644
--- a/src/view/com/composer/photos/Gallery.tsx
+++ b/src/view/com/composer/photos/Gallery.tsx
@@ -9,12 +9,15 @@ import {ImageModel} from 'state/models/media/image'
 import {Image} from 'expo-image'
 import {Text} from 'view/com/util/text/Text'
 import {isDesktopWeb} from 'platform/detection'
+import {openAltTextModal} from 'lib/media/alt-text'
+import {useStores} from 'state/index'
 
 interface Props {
   gallery: GalleryModel
 }
 
 export const Gallery = observer(function ({gallery}: Props) {
+  const store = useStores()
   const getImageStyle = useCallback(() => {
     let side: number
 
@@ -34,9 +37,9 @@ export const Gallery = observer(function ({gallery}: Props) {
   const handleAddImageAltText = useCallback(
     (image: ImageModel) => {
       Keyboard.dismiss()
-      gallery.setAltText(image)
+      openAltTextModal(store, image)
     },
-    [gallery],
+    [store],
   )
   const handleRemovePhoto = useCallback(
     (image: ImageModel) => {