From b99c3a3ef6a04eff2904cf3b1075f7105a410873 Mon Sep 17 00:00:00 2001 From: Samuel Newman Date: Wed, 8 Apr 2026 18:55:48 +0300 Subject: [PATCH] Revert "[APP-1321]: Update brand embeds more clearly (#8955)" This reverts commit b0eb079ff8058c0a8c9667541a529c8d63459adc. --- bskyembed/assets/logo_full_name.svg | 10 --- bskyembed/src/components/container.tsx | 6 +- bskyembed/src/components/embed.tsx | 6 +- bskyembed/src/components/post.tsx | 116 +++++++++++-------------- bskyembed/src/icons/Like.tsx | 28 ------ bskyembed/src/icons/Reply.tsx | 28 ------ bskyembed/src/icons/Repost.tsx | 26 ------ 7 files changed, 57 insertions(+), 163 deletions(-) delete mode 100644 bskyembed/assets/logo_full_name.svg delete mode 100644 bskyembed/src/icons/Like.tsx delete mode 100644 bskyembed/src/icons/Reply.tsx delete mode 100644 bskyembed/src/icons/Repost.tsx diff --git a/bskyembed/assets/logo_full_name.svg b/bskyembed/assets/logo_full_name.svg deleted file mode 100644 index 7e46f1426e..0000000000 --- a/bskyembed/assets/logo_full_name.svg +++ /dev/null @@ -1,10 +0,0 @@ - - - - - - - - - - diff --git a/bskyembed/src/components/container.tsx b/bskyembed/src/components/container.tsx index 554d47142e..bafc497aea 100644 --- a/bskyembed/src/components/container.tsx +++ b/bskyembed/src/components/container.tsx @@ -37,7 +37,7 @@ export function Container({ return (
{ if (ref.current && href) { // forwardRef requires preact/compat - let's keep it simple @@ -49,9 +49,7 @@ export function Container({ } }}> {href && } -
- {children} -
+
{children}
) } diff --git a/bskyembed/src/components/embed.tsx b/bskyembed/src/components/embed.tsx index 105c785820..ddaa7bf03e 100644 --- a/bskyembed/src/components/embed.tsx +++ b/bskyembed/src/components/embed.tsx @@ -83,9 +83,9 @@ export function Embed({ return ( + className="transition-colors hover:bg-neutral-100 dark:hover:bg-slate-700 border dark:border-slate-600 rounded-xl p-2 gap-1.5 w-full flex flex-col">
-
+
+

{children}

diff --git a/bskyembed/src/components/post.tsx b/bskyembed/src/components/post.tsx index fb32250464..06f7175edd 100644 --- a/bskyembed/src/components/post.tsx +++ b/bskyembed/src/components/post.tsx @@ -6,10 +6,10 @@ import { } from '@atproto/api' import {h} from 'preact' -import logo from '../../assets/logo_full_name.svg' -import {Like as LikeIcon} from '../icons/Like' -import {Reply as ReplyIcon} from '../icons/Reply' -import {Repost as RepostIcon} from '../icons/Repost' +import replyIcon from '../../assets/bubble_filled_stroke2_corner2_rounded.svg' +import likeIcon from '../../assets/heart2_filled_stroke2_corner0_rounded.svg' +import logo from '../../assets/logo.svg' +import repostIcon from '../../assets/repost_stroke2_corner2_rounded.svg' import {Robot as RobotIcon} from '../icons/Robot' import {CONTENT_LABELS} from '../labels' import * as bsky from '../types/bsky' @@ -49,13 +49,10 @@ export function Post({thread}: Props) { ) const href = `/profile/${post.author.did}/post/${getRkey(post)}` - return ( -
-
+
+
@@ -93,65 +90,56 @@ export function Post({thread}: Props) { @{post.author.handle}
+ + +
- -
-
- {!!post.likeCount && ( -
- -

- {prettyNumber(post.likeCount)} -

-
- )} - {!!post.replyCount && ( -
- -

- {prettyNumber(post.replyCount)} -

-
- )} - - {!!post.repostCount && ( -
- -

- {prettyNumber(post.repostCount)} -

-
- )} -
- - - -
-
-
- - + + +
+ {!!post.likeCount && ( +
+ +

+ {prettyNumber(post.likeCount)} +

+
+ )} + {!!post.repostCount && ( +
+ +

+ {prettyNumber(post.repostCount)} +

+
+ )} +
+ +

+ Reply +

+
+
+

+ {post.replyCount + ? `Read ${prettyNumber(post.replyCount)} ${ + post.replyCount > 1 ? 'replies' : 'reply' + } on Bluesky` + : `View on Bluesky`} +

+

+ View on Bluesky +

+
) diff --git a/bskyembed/src/icons/Like.tsx b/bskyembed/src/icons/Like.tsx deleted file mode 100644 index adcd9154e9..0000000000 --- a/bskyembed/src/icons/Like.tsx +++ /dev/null @@ -1,28 +0,0 @@ -import {h} from 'preact' - -export const Like = ({ - width = 16, - height = 17, - fill = 'currentColor', - className, -}: { - width?: number - height?: number - fill?: string - className?: string -}) => ( - - - -) diff --git a/bskyembed/src/icons/Reply.tsx b/bskyembed/src/icons/Reply.tsx deleted file mode 100644 index 81637e3eb4..0000000000 --- a/bskyembed/src/icons/Reply.tsx +++ /dev/null @@ -1,28 +0,0 @@ -import {h} from 'preact' - -export const Reply = ({ - width = 16, - height = 17, - fill = 'currentColor', - className, -}: { - width?: number - height?: number - fill?: string - className?: string -}) => ( - - - -) diff --git a/bskyembed/src/icons/Repost.tsx b/bskyembed/src/icons/Repost.tsx deleted file mode 100644 index 806ab04d38..0000000000 --- a/bskyembed/src/icons/Repost.tsx +++ /dev/null @@ -1,26 +0,0 @@ -import {h} from 'preact' - -export const Repost = ({ - width = 16, - height = 17, - fill = 'currentColor', - className, -}: { - width?: number - height?: number - fill?: string - className?: string -}) => ( - - - -)