From 6c82992c22c37d745c7ee4f31326bee9010f826a Mon Sep 17 00:00:00 2001
From: Philip Molares <philip.molares@udo.edu>
Date: Fri, 1 Jul 2022 14:10:35 +0200
Subject: [PATCH] feat: switch editor and render view buttons (#2154)

This was done in an effort to sync the side of the button with the side of the component in the editor.

fixes #1236

Signed-off-by: Philip Molares <philip.molares@udo.edu>
---
 .../editor-page/app-bar/editor-view-mode.tsx   | 18 +++++++++---------
 1 file changed, 9 insertions(+), 9 deletions(-)

diff --git a/src/components/editor-page/app-bar/editor-view-mode.tsx b/src/components/editor-page/app-bar/editor-view-mode.tsx
index b77c87f1c..a45ef8f97 100644
--- a/src/components/editor-page/app-bar/editor-view-mode.tsx
+++ b/src/components/editor-page/app-bar/editor-view-mode.tsx
@@ -1,5 +1,5 @@
 /*
- * SPDX-FileCopyrightText: 2021 The HedgeDoc developers (see AUTHORS file)
+ * SPDX-FileCopyrightText: 2022 The HedgeDoc developers (see AUTHORS file)
  *
  * SPDX-License-Identifier: AGPL-3.0-only
  */
@@ -31,11 +31,11 @@ export const EditorViewMode: React.FC = () => {
         setEditorMode(value)
       }}>
       <ToggleButton
-        {...cypressId('view-mode-preview')}
-        value={EditorMode.PREVIEW}
+        {...cypressId('view-mode-editor')}
+        value={EditorMode.EDITOR}
         variant='outline-secondary'
-        title={t('editor.viewMode.view')}>
-        <ForkAwesomeIcon icon='eye' />
+        title={t('editor.viewMode.edit')}>
+        <ForkAwesomeIcon icon='pencil' />
       </ToggleButton>
       <ToggleButton
         {...cypressId('view-mode-both')}
@@ -45,11 +45,11 @@ export const EditorViewMode: React.FC = () => {
         <ForkAwesomeIcon icon='columns' />
       </ToggleButton>
       <ToggleButton
-        {...cypressId('view-mode-editor')}
-        value={EditorMode.EDITOR}
+        {...cypressId('view-mode-preview')}
+        value={EditorMode.PREVIEW}
         variant='outline-secondary'
-        title={t('editor.viewMode.edit')}>
-        <ForkAwesomeIcon icon='pencil' />
+        title={t('editor.viewMode.view')}>
+        <ForkAwesomeIcon icon='eye' />
       </ToggleButton>
     </ToggleButtonGroup>
   )