forked from
jollywhoppers.com/witchsky.app
Bluesky app fork with some witchin' additions 💫
Fix alt text for GIFs (#4766)
* fix alt text dialog for gifs
* only apply to native
+18
-4
+7
-2
src/view/com/composer/GifAltText.tsx
+7
-2
src/view/com/composer/GifAltText.tsx
···
174
174
<Text style={[a.text_2xl, a.font_bold, a.leading_tight, a.pb_sm]}>
175
175
<Trans>Add alt text</Trans>
176
176
</Text>
177
-
<View style={[a.w_full, a.align_center, native({maxHeight: 200})]}>
178
-
<GifEmbed link={link} params={params} hideAlt />
177
+
<View style={[a.align_center]}>
178
+
<GifEmbed
179
+
link={link}
180
+
params={params}
181
+
hideAlt
182
+
style={[native({maxHeight: 225})]}
183
+
/>
179
184
</View>
180
185
</View>
181
186
</View>
+11
-2
src/view/com/util/post-embeds/GifEmbed.tsx
+11
-2
src/view/com/util/post-embeds/GifEmbed.tsx
···
1
1
import React from 'react'
2
-
import {Pressable, StyleSheet, TouchableOpacity, View} from 'react-native'
2
+
import {
3
+
Pressable,
4
+
StyleProp,
5
+
StyleSheet,
6
+
TouchableOpacity,
7
+
View,
8
+
ViewStyle,
9
+
} from 'react-native'
3
10
import {AppBskyEmbedExternal} from '@atproto/api'
4
11
import {FontAwesomeIcon} from '@fortawesome/react-native-fontawesome'
5
12
import {msg, Trans} from '@lingui/macro'
···
89
96
params,
90
97
link,
91
98
hideAlt,
99
+
style = {width: '100%'},
92
100
}: {
93
101
params: EmbedPlayerParams
94
102
link: AppBskyEmbedExternal.ViewExternal
95
103
hideAlt?: boolean
104
+
style?: StyleProp<ViewStyle>
96
105
}) {
97
106
const {_} = useLingui()
98
107
const autoplayDisabled = useAutoplayDisabled()
···
124
133
)
125
134
126
135
return (
127
-
<View style={[a.rounded_sm, a.overflow_hidden, a.mt_sm, {width: '100%'}]}>
136
+
<View style={[a.rounded_sm, a.overflow_hidden, a.mt_sm, style]}>
128
137
<View
129
138
style={[
130
139
a.rounded_sm,