Merge branch 'main' into app-perf

seed-hypermedia · Mar 7, 2024 · 6c3bd4a · 6c3bd4a
2 parents a56b65a + 4becd24
commit 6c3bd4a
Show file tree

Hide file tree

Showing 2 changed files with 33 additions and 14 deletions.
diff --git a/frontend/apps/site/src/site-embeds.tsx b/frontend/apps/site/src/site-embeds.tsx
@@ -318,11 +318,21 @@ export function SiteInlineEmbed(props: InlineEmbedComponentProps) {
   const accountQuery = trpc.account.get.useQuery({accountId})
   const account = accountQuery.data?.account
   return (
-    <Link href={`/a/${accountId}`} className="hm-link">
-      {(accountId &&
-        accountQuery.status == 'success' &&
-        `@${account?.profile?.alias}`) ||
-        `@${accountId?.slice(0, 5) + '...' + accountId?.slice(-5)}`}
+    <Link href={`/a/${accountId}`} style={{all: 'unset'}}>
+      <SizableText
+        textDecorationColor={'$mint11'}
+        color="$mint11"
+        className="hm-link"
+        fontSize="$5"
+        hoverStyle={{
+          cursor: 'pointer',
+        }}
+      >
+        {(accountId &&
+          accountQuery.status == 'success' &&
+          `@${account?.profile?.alias}`) ||
+          `@${accountId?.slice(0, 5) + '...' + accountId?.slice(-5)}`}
+      </SizableText>
     </Link>
   )
 }
diff --git a/frontend/packages/app/components/app-embeds.tsx b/frontend/packages/app/components/app-embeds.tsx
@@ -18,6 +18,7 @@ import {
 } from '@mintter/shared'
 import {
   Button,
+  ButtonText,
   SizableText,
   Spinner,
   UIAvatar,
@@ -265,21 +266,29 @@ export function AppInlineEmbed(props: InlineEmbedComponentProps) {
     // </Button>
 
     <Button
-      m={0}
-      p={0}
-      chromeless
-      className="hm-link"
       bg="$backgroundTransparent"
       hoverStyle={{
         bg: '$backgroundTransparent',
       }}
+      unstyled
       onPress={() => navigate({key: 'account', accountId})}
-      style={{display: 'inline-block', lineHeight: 1, fontSize: '1em'}}
+      style={{
+        display: 'inline-block',
+        lineHeight: 1,
+        border: 'none',
+      }}
     >
-      {(accountId &&
-        accountQuery.status == 'success' &&
-        `@${accountQuery.data?.profile?.alias}`) ||
-        `@${accountId?.slice(0, 5) + '...' + accountId?.slice(-5)}`}
+      <ButtonText
+        textDecorationColor={'$mint11'}
+        color="$mint11"
+        className="hm-link"
+        fontSize="$5"
+      >
+        {(accountId &&
+          accountQuery.status == 'success' &&
+          `@${accountQuery.data?.profile?.alias}`) ||
+          `@${accountId?.slice(0, 5) + '...' + accountId?.slice(-5)}`}
+      </ButtonText>
     </Button>
   )
 }