From 7bee133a9c5d7865612ac63feb4371c11a5d4a6f Mon Sep 17 00:00:00 2001
From: Victor Giers <mail@victorgiers.com>
Date: Sun, 1 Feb 2026 04:29:35 +0100
Subject: [PATCH] Update App.tsx to handle markdown preview and split view
 states

---
 src/App.tsx | 12 ++++++++----
 1 file changed, 8 insertions(+), 4 deletions(-)

diff --git a/src/App.tsx b/src/App.tsx
index 4dfe275..e35bbd7 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -1539,13 +1539,13 @@ export default function App() {
 
               <div
                 className={`editor__textarea-wrap${
-                  markdownPreview ? " editor__textarea-wrap--preview" : ""
-                }`}
+                  markdownPreview && !splitView ? " editor__textarea-wrap--preview" : ""
+                }${markdownPreview && splitView ? " editor__textarea-wrap--split" : ""}`}
               >
                 <div
                   ref={editorHostRef}
                   className={`editor__codemirror${
-                    markdownPreview ? " editor__codemirror--hidden" : ""
+                    markdownPreview && !splitView ? " editor__codemirror--hidden" : ""
                   }`}
                 />
                 <div
@@ -1574,7 +1574,11 @@ export default function App() {
                       type="button"
                       onClick={() => setMarkdownPreview((value) => !value)}
                     >
-                      {markdownPreview ? "Edit" : "Preview Markdown"}
+                      {markdownPreview
+                        ? splitView
+                          ? "Hide Preview"
+                          : "Edit"
+                        : "Preview Markdown"}
                     </button>
                     <button className="button" onClick={handleExportText}>
                       Export Text