From a5dbb35237d014a07c0f3f82e9dffce67129e542 Mon Sep 17 00:00:00 2001
From: Samuel Newman <mozzius@protonmail.com>
Date: Fri, 22 Nov 2024 13:41:24 +0000
Subject: Use outline style for repost cancel button (#6509)

* use outline style for repost cancel button

* use trans macro in JSX
---
 src/view/com/util/post-ctrls/RepostButton.tsx | 24 +++++++++++++++---------
 1 file changed, 15 insertions(+), 9 deletions(-)

(limited to 'src/view/com/util/post-ctrls/RepostButton.tsx')

diff --git a/src/view/com/util/post-ctrls/RepostButton.tsx b/src/view/com/util/post-ctrls/RepostButton.tsx
index eb7505d2e..06b1fcaf6 100644
--- a/src/view/com/util/post-ctrls/RepostButton.tsx
+++ b/src/view/com/util/post-ctrls/RepostButton.tsx
@@ -1,6 +1,6 @@
 import React, {memo, useCallback} from 'react'
 import {View} from 'react-native'
-import {msg, plural} from '@lingui/macro'
+import {msg, plural, Trans} from '@lingui/macro'
 import {useLingui} from '@lingui/react'
 
 import {POST_CTRL_HITSLOP} from '#/lib/constants'
@@ -151,9 +151,11 @@ let RepostButtonDialogInner = ({
             color="primary">
             <Repost size="lg" fill={t.palette.primary_500} />
             <Text style={[a.font_bold, a.text_xl]}>
-              {isReposted
-                ? _(msg`Remove repost`)
-                : _(msg({message: `Repost`, context: 'action'}))}
+              {isReposted ? (
+                <Trans>Remove repost</Trans>
+              ) : (
+                <Trans context="action">Repost</Trans>
+              )}
             </Text>
           </Button>
           <Button
@@ -183,9 +185,11 @@ let RepostButtonDialogInner = ({
                 a.text_xl,
                 embeddingDisabled && t.atoms.text_contrast_low,
               ]}>
-              {embeddingDisabled
-                ? _(msg`Quote posts disabled`)
-                : _(msg`Quote post`)}
+              {embeddingDisabled ? (
+                <Trans>Quote posts disabled</Trans>
+              ) : (
+                <Trans>Quote post</Trans>
+              )}
             </Text>
           </Button>
         </View>
@@ -193,9 +197,11 @@ let RepostButtonDialogInner = ({
           label={_(msg`Cancel quote post`)}
           onPress={onPressClose}
           size="large"
-          variant="solid"
+          variant="outline"
           color="primary">
-          <ButtonText>{_(msg`Cancel`)}</ButtonText>
+          <ButtonText>
+            <Trans>Cancel</Trans>
+          </ButtonText>
         </Button>
       </View>
     </Dialog.ScrollableInner>
-- 
cgit 1.4.1

