forked from
jollywhoppers.com/witchsky.app
Bluesky app fork with some witchin' additions 💫
Use outline style for repost cancel button (#6509)
* use outline style for repost cancel button
* use trans macro in JSX
authored by
Samuel Newman
and committed by
GitHub
a5dbb352
a0acd514
+15
-9
+15
-9
src/view/com/util/post-ctrls/RepostButton.tsx
+15
-9
src/view/com/util/post-ctrls/RepostButton.tsx
···
1
1
import React, {memo, useCallback} from 'react'
2
2
import {View} from 'react-native'
3
-
import {msg, plural} from '@lingui/macro'
3
+
import {msg, plural, Trans} from '@lingui/macro'
4
4
import {useLingui} from '@lingui/react'
5
5
6
6
import {POST_CTRL_HITSLOP} from '#/lib/constants'
···
151
151
color="primary">
152
152
<Repost size="lg" fill={t.palette.primary_500} />
153
153
<Text style={[a.font_bold, a.text_xl]}>
154
-
{isReposted
155
-
? _(msg`Remove repost`)
156
-
: _(msg({message: `Repost`, context: 'action'}))}
154
+
{isReposted ? (
155
+
<Trans>Remove repost</Trans>
156
+
) : (
157
+
<Trans context="action">Repost</Trans>
158
+
)}
157
159
</Text>
158
160
</Button>
159
161
<Button
···
183
185
a.text_xl,
184
186
embeddingDisabled && t.atoms.text_contrast_low,
185
187
]}>
186
-
{embeddingDisabled
187
-
? _(msg`Quote posts disabled`)
188
-
: _(msg`Quote post`)}
188
+
{embeddingDisabled ? (
189
+
<Trans>Quote posts disabled</Trans>
190
+
) : (
191
+
<Trans>Quote post</Trans>
192
+
)}
189
193
</Text>
190
194
</Button>
191
195
</View>
···
193
197
label={_(msg`Cancel quote post`)}
194
198
onPress={onPressClose}
195
199
size="large"
196
-
variant="solid"
200
+
variant="outline"
197
201
color="primary">
198
-
<ButtonText>{_(msg`Cancel`)}</ButtonText>
202
+
<ButtonText>
203
+
<Trans>Cancel</Trans>
204
+
</ButtonText>
199
205
</Button>
200
206
</View>
201
207
</Dialog.ScrollableInner>