Blur out bridged posts

mybearworld · Jun 19, 2024 · b5f3807 · b5f3807
1 parent 31ecc2f
commit b5f3807
Showing 1 changed file with 3 additions and 2 deletions.
diff --git 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(