Bluesky app fork with some witchin' additions 💫
witchsky.app
bluesky
fork
client
Revert "Add layout transitions to the composer photo gallery on iOS (#3609)" (#3649)
This reverts commit 1a5b8b2c94ce1e66bff7e7295b799ae5b0613988.
authored by
Samuel Newman
and committed by
GitHub
27c4054f
94ea2a3e
+10
-27
+1
-16
src/view/com/composer/Composer.tsx
+1
-16
src/view/com/composer/Composer.tsx
···
1
-
import React, {
2
-
useCallback,
3
-
useEffect,
4
-
useLayoutEffect,
5
-
useMemo,
6
-
useRef,
7
-
useState,
8
-
} from 'react'
1
+
import React, {useCallback, useEffect, useMemo, useRef, useState} from 'react'
9
2
import {
10
3
ActivityIndicator,
11
4
BackHandler,
12
5
Keyboard,
13
6
KeyboardAvoidingView,
14
-
LayoutAnimation,
15
7
Platform,
16
8
ScrollView,
17
9
StyleSheet,
···
135
127
() => new GalleryModel(initImageUris),
136
128
[initImageUris],
137
129
)
138
-
139
-
useLayoutEffect(() => {
140
-
if (isIOS) {
141
-
LayoutAnimation.configureNext(LayoutAnimation.Presets.easeInEaseOut)
142
-
}
143
-
}, [gallery.size])
144
-
145
130
const onClose = useCallback(() => {
146
131
closeComposer()
147
132
}, [closeComposer])
+9
-11
src/view/com/composer/photos/Gallery.tsx
+9
-11
src/view/com/composer/photos/Gallery.tsx
···
1
1
import React, {useState} from 'react'
2
2
import {ImageStyle, Keyboard, LayoutChangeEvent} from 'react-native'
3
+
import {GalleryModel} from 'state/models/media/gallery'
4
+
import {observer} from 'mobx-react-lite'
5
+
import {FontAwesomeIcon} from '@fortawesome/react-native-fontawesome'
6
+
import {s, colors} from 'lib/styles'
3
7
import {StyleSheet, TouchableOpacity, View} from 'react-native'
4
8
import {Image} from 'expo-image'
5
-
import {FontAwesomeIcon} from '@fortawesome/react-native-fontawesome'
6
-
import {msg, Trans} from '@lingui/macro'
9
+
import {Text} from 'view/com/util/text/Text'
10
+
import {Dimensions} from 'lib/media/types'
11
+
import {usePalette} from 'lib/hooks/usePalette'
12
+
import {useWebMediaQueries} from 'lib/hooks/useWebMediaQueries'
13
+
import {Trans, msg} from '@lingui/macro'
7
14
import {useLingui} from '@lingui/react'
8
-
import {observer} from 'mobx-react-lite'
9
-
10
15
import {useModalControls} from '#/state/modals'
11
-
import {usePalette} from 'lib/hooks/usePalette'
12
-
import {useWebMediaQueries} from 'lib/hooks/useWebMediaQueries'
13
-
import {Dimensions} from 'lib/media/types'
14
-
import {colors, s} from 'lib/styles'
15
16
import {isNative} from 'platform/detection'
16
-
import {GalleryModel} from 'state/models/media/gallery'
17
-
import {Text} from 'view/com/util/text/Text'
18
17
19
18
const IMAGE_GAP = 8
20
19
···
198
197
}}
199
198
accessible={true}
200
199
accessibilityIgnoresInvertColors
201
-
transition={200}
202
200
/>
203
201
</View>
204
202
))}