From efc3e3f450a85140eacc43822db7ccbae8e46b99 Mon Sep 17 00:00:00 2001
From: Eric Bailey <git@esb.lol>
Date: Sun, 10 Mar 2024 16:36:16 -0500
Subject: [PATCH] Adjust source text in ContentHider

---
 src/components/moderation/ContentHider.tsx | 43 ++++++++++++----------
 1 file changed, 24 insertions(+), 19 deletions(-)

diff --git a/src/components/moderation/ContentHider.tsx b/src/components/moderation/ContentHider.tsx
index 52d91bc61e..c3df018d96 100644
--- a/src/components/moderation/ContentHider.tsx
+++ b/src/components/moderation/ContentHider.tsx
@@ -9,7 +9,7 @@ import {isJustAMute} from '#/lib/moderation'
 import {sanitizeDisplayName} from '#/lib/strings/display-names'
 
 import {atoms as a, useTheme, useBreakpoints, web} from '#/alf'
-import {Button, ButtonText} from '#/components/Button'
+import {Button} from '#/components/Button'
 import {Text} from '#/components/Typography'
 import {
   ModerationDetailsDialog,
@@ -116,28 +116,33 @@ export function ContentHider({
 
       {desc.source && blur.type === 'label' && !override && (
         <Button
-          variant="ghost"
-          size="tiny"
           onPress={() => {
             control.open()
           }}
           label={_(msg`Learn more`)}
-          style={[]}>
-          <ButtonText
-            style={[
-              a.flex_1,
-              a.text_sm,
-              a.font_normal,
-              t.atoms.text_contrast_medium,
-              a.text_left,
-            ]}>
-            <Trans>
-              {sanitizeDisplayName(desc.source)}.{' '}
-              <Text style={[{color: t.palette.primary_500}, a.text_sm]}>
-                Learn more.
-              </Text>
-            </Trans>
-          </ButtonText>
+          style={[a.pt_sm]}>
+          {state => (
+            <Text
+              style={[
+                a.flex_1,
+                a.text_sm,
+                a.font_normal,
+                t.atoms.text_contrast_medium,
+                a.text_left,
+              ]}>
+              <Trans>
+                This post was labeled by {sanitizeDisplayName(desc.source!)}.{' '}
+                <Text
+                  style={[
+                    {color: t.palette.primary_500},
+                    a.text_sm,
+                    state.hovered && [web({textDecoration: 'underline'})],
+                  ]}>
+                  Learn more.
+                </Text>
+              </Trans>
+            </Text>
+          )}
         </Button>
       )}