Reorder and enhance Markdown preview button in editor footer

2026-01-31 16:14:13 +01:00
parent 5855de1a2f
commit 3d3b230125
1 changed files with 7 additions and 7 deletions
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -968,6 +968,13 @@ export default function App() {
              <div className="editor__footer">
                {hasText ? (
                  <>
+                    <button
+                      className="button"
+                      type="button"
+                      onClick={() => setMarkdownPreview((value) => !value)}
+                    >
+                      {markdownPreview ? "Edit" : "Preview Markdown"}
+                    </button>
                    <button className="button" onClick={handleExportText}>
                      Export Text
                    </button>
@@ -981,13 +988,6 @@ export default function App() {
                        </button>
                      </>
                    ) : null}
-                    <button
-                      className="button"
-                      type="button"
-                      onClick={() => setMarkdownPreview((value) => !value)}
-                    >
-                      {markdownPreview ? "Edit" : "Preview Markdown"}
-                    </button>
                  </>
                ) : null}
                {hasDraft && !isViewingHistory ? (