From 0ed883683531f5b15808e02b0737675aa7944a4d Mon Sep 17 00:00:00 2001
From: hzrd149 <github@hzrd149.com>
Date: Fri, 24 Jan 2025 13:10:39 -0600
Subject: [PATCH] fix z-index for content embeds

---
 src/components/content/components/mention.tsx               | 2 +-
 src/components/embed-event/event-types/embedded-unknown.tsx | 2 --
 src/components/embed-event/index.tsx                        | 5 ++++-
 3 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/src/components/content/components/mention.tsx b/src/components/content/components/mention.tsx
index d5f7c328b..94403cb40 100644
--- a/src/components/content/components/mention.tsx
+++ b/src/components/content/components/mention.tsx
@@ -12,7 +12,7 @@ const Mention: ComponentMap["mention"] = ({ node }) => {
     case "nevent":
     case "naddr":
     case "note":
-      return <EmbedEventPointer pointer={node.decoded} />;
+      return <EmbedEventPointer pointer={node.decoded} zIndex={1} />;
 
     default:
       return null;
diff --git a/src/components/embed-event/event-types/embedded-unknown.tsx b/src/components/embed-event/event-types/embedded-unknown.tsx
index d533b677b..3e1a9802a 100644
--- a/src/components/embed-event/event-types/embedded-unknown.tsx
+++ b/src/components/embed-event/event-types/embedded-unknown.tsx
@@ -5,10 +5,8 @@ import { NostrEvent } from "../../../types/nostr-event";
 import UserAvatarLink from "../../user/user-avatar-link";
 import UserLink from "../../user/user-link";
 import UserDnsIdentity from "../../user/user-dns-identity";
-import { renderGenericUrl, renderImageUrl, renderVideoUrl } from "../../content/links";
 import Timestamp from "../../timestamp";
 import { ExternalLinkIcon } from "../../icons";
-import { renderAudioUrl } from "../../content/links/audio";
 import DebugEventButton from "../../debug-modal/debug-event-button";
 import DebugEventTags from "../../debug-modal/event-tags";
 import { AppHandlerContext } from "../../../providers/route/app-handler-provider";
diff --git a/src/components/embed-event/index.tsx b/src/components/embed-event/index.tsx
index 8f5243522..0e23927ef 100644
--- a/src/components/embed-event/index.tsx
+++ b/src/components/embed-event/index.tsx
@@ -105,7 +105,10 @@ export function EmbedEvent({
   return <Suspense fallback={<Spinner />}>{renderContent()}</Suspense>;
 }
 
-export function EmbedEventPointer({ pointer, ...props }: { pointer: DecodeResult } & EmbedProps) {
+export function EmbedEventPointer({
+  pointer,
+  ...props
+}: { pointer: DecodeResult } & EmbedProps & Omit<CardProps, "children">) {
   switch (pointer.type) {
     case "note": {
       const event = useSingleEvent(pointer.data);