From af1dcd335ef07f66032ce60e94364b03db2ce923 Mon Sep 17 00:00:00 2001
From: Vipin Chaudhary <VipinChaudhary1809@gmail.com>
Date: Fri, 5 Sep 2025 14:14:30 +0530
Subject: [PATCH] [WIKI-640] chore: refactor link view #7727

---
 .../editor/src/ce/components/link-container.tsx    | 14 ++++++++++++++
 .../core/components/editors/editor-container.tsx   |  6 +++---
 2 files changed, 17 insertions(+), 3 deletions(-)
 create mode 100644 packages/editor/src/ce/components/link-container.tsx

diff --git a/packages/editor/src/ce/components/link-container.tsx b/packages/editor/src/ce/components/link-container.tsx
new file mode 100644
index 000000000..dcbedc088
--- /dev/null
+++ b/packages/editor/src/ce/components/link-container.tsx
@@ -0,0 +1,14 @@
+import { Editor } from "@tiptap/core";
+import { LinkViewContainer } from "@/components/editors/link-view-container";
+
+export const LinkContainer = ({
+  editor,
+  containerRef,
+}: {
+  editor: Editor;
+  containerRef: React.RefObject<HTMLDivElement>;
+}) => (
+  <>
+    <LinkViewContainer editor={editor} containerRef={containerRef} />
+  </>
+);
diff --git a/packages/editor/src/core/components/editors/editor-container.tsx b/packages/editor/src/core/components/editors/editor-container.tsx
index 7f19171cb..dad2b7f79 100644
--- a/packages/editor/src/core/components/editors/editor-container.tsx
+++ b/packages/editor/src/core/components/editors/editor-container.tsx
@@ -5,10 +5,10 @@ import { cn } from "@plane/utils";
 // constants
 import { DEFAULT_DISPLAY_CONFIG } from "@/constants/config";
 import { CORE_EXTENSIONS } from "@/constants/extension";
+// components
+import { LinkContainer } from "@/plane-editor/components/link-container";
 // types
 import { TDisplayConfig } from "@/types";
-// components
-import { LinkViewContainer } from "./link-view-container";
 
 type Props = {
   children: ReactNode;
@@ -95,7 +95,7 @@ export const EditorContainer: FC<Props> = (props) => {
         )}
       >
         {children}
-        {!isTouchDevice && <LinkViewContainer editor={editor} containerRef={containerRef} />}
+        {!isTouchDevice && <LinkContainer editor={editor} containerRef={containerRef} />}
       </div>
     </>
   );