From b5f380771e64893d70e9706a097a33b96a73e220 Mon Sep 17 00:00:00 2001
From: mybearworld <130385691+mybearworld@users.noreply.github.com>
Date: Wed, 19 Jun 2024 19:37:59 +0200
Subject: [PATCH] Blur out bridged posts

---
 src/components/Post.tsx | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/components/Post.tsx b/src/components/Post.tsx
index c0ee96e..3b149c2 100644
--- a/src/components/Post.tsx
+++ b/src/components/Post.tsx
@@ -122,6 +122,7 @@ const PostBase = memo((props: PostBaseProps) => {
       <SpeechBubble
         reply={props.reply}
         transparent={!!props.post.optimistic}
+        blur={props.post.bridge}
         speaker={
           <User username={props.post.u}>
             <button aria-label={props.post.u}>
@@ -248,10 +249,10 @@ const PostBase = memo((props: PostBaseProps) => {
 
 type SpeechBubbleProps = {
   reply?: boolean | "topLevel";
+  blur?: string;
   speaker: ReactNode;
   bubble: ReactNode;
   transparent?: boolean;
-  onDoubleClick?: MouseEventHandler<HTMLDivElement>;
 };
 const SpeechBubble = (props: SpeechBubbleProps) => {
   return (
@@ -265,8 +266,8 @@ const SpeechBubble = (props: SpeechBubbleProps) => {
           props.reply && props.reply !== "topLevel"
             ? "bg-gray-200 dark:bg-gray-800"
             : "bg-gray-100 dark:bg-gray-900",
+          props.blur ? "blur-sm hover:blur-0" : "",
         )}
-        onDoubleClick={props.onDoubleClick}
       >
         <div
           className={twMerge(