From c4c4d5aea3d325dcc23407023e632a54d70e12f1 Mon Sep 17 00:00:00 2001
From: web <web@ppanel.dev>
Date: Mon, 15 Sep 2025 03:50:15 -0700
Subject: [PATCH] =?UTF-8?q?=F0=9F=90=9B=20fix:=20Add=20readOnly=20prop=20t?=
 =?UTF-8?q?o=20MonacoEditor=20and=20TemplatePreview=20components=20for=20i?=
 =?UTF-8?q?mproved=20content=20handling?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 apps/admin/app/dashboard/subscribe/template-preview.tsx    | 1 +
 packages/ui/src/custom-components/editor/monaco-editor.tsx | 4 +++-
 2 files changed, 4 insertions(+), 1 deletion(-)

diff --git a/apps/admin/app/dashboard/subscribe/template-preview.tsx b/apps/admin/app/dashboard/subscribe/template-preview.tsx
index 4e18fde..35354ac 100644
--- a/apps/admin/app/dashboard/subscribe/template-preview.tsx
+++ b/apps/admin/app/dashboard/subscribe/template-preview.tsx
@@ -93,6 +93,7 @@ export function TemplatePreview({ applicationId, output_format }: TemplatePrevie
               title={t('title')}
               value={getDisplayContent()}
               language={mapLanguage(output_format)}
+              readOnly
             />
           )}
         </SheetContent>
diff --git a/packages/ui/src/custom-components/editor/monaco-editor.tsx b/packages/ui/src/custom-components/editor/monaco-editor.tsx
index 0b1a78c..bd6ef6a 100644
--- a/packages/ui/src/custom-components/editor/monaco-editor.tsx
+++ b/packages/ui/src/custom-components/editor/monaco-editor.tsx
@@ -21,6 +21,7 @@ export interface MonacoEditorProps {
   language?: string;
   className?: string;
   showLineNumbers?: boolean;
+  readOnly?: boolean;
 }
 
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
@@ -45,6 +46,7 @@ export function MonacoEditor({
   language = 'markdown',
   className,
   showLineNumbers = false,
+  readOnly = false,
 }: MonacoEditorProps) {
   const [internalValue, setInternalValue] = useState<string | undefined>(propValue);
   const [isFullscreen, setIsFullscreen] = useState(false);
@@ -146,7 +148,7 @@ export function MonacoEditor({
                   },
                   tabSize: 2,
                   wordWrap: 'off',
-                  readOnly: !onChange,
+                  readOnly,
                 }}
                 theme='transparentTheme'
                 beforeMount={(monaco: Monaco) => {