From 099b6837a7318aa6548ac726e359e0deea056e4d Mon Sep 17 00:00:00 2001
From: Robert Kossessa <github@kosro.de>
Date: Fri, 9 Feb 2024 11:18:37 +0100
Subject: [PATCH] ADD: Screen orientation button

---
 src/components/navbar/Navbar.vue | 8 ++++----
 src/store.js                     | 4 ++++
 2 files changed, 8 insertions(+), 4 deletions(-)

diff --git a/src/components/navbar/Navbar.vue b/src/components/navbar/Navbar.vue
index 9181fbe..8972f7d 100644
--- a/src/components/navbar/Navbar.vue
+++ b/src/components/navbar/Navbar.vue
@@ -43,12 +43,12 @@
               <MenubarShortcut>⌘N</MenubarShortcut>
             </MenubarItem>
             <MenubarSeparator />
-            <MenubarItem @click="store.switchPreviewDeviceModel">
-              Skin: {{ previewDeviceNames[store.previewDeviceModel || 'nanoOne'] }}
+            <MenubarItem @click.prevent="store.cycleScreenOrientation">
+              Orientation: {{ store.screenOrientation }}°
             </MenubarItem>
             <MenubarSeparator />
-            <MenubarItem>{{ $t('navbar.device.preferences') }}
-              <MenubarShortcut>⌘,</MenubarShortcut>
+            <MenubarItem @click="store.switchPreviewDeviceModel">
+              Skin: {{ previewDeviceNames[store.previewDeviceModel || 'nanoOne'] }}
             </MenubarItem>
             <MenubarSeparator />
             <MenubarItem>{{ $t('navbar.device.export') }}
diff --git a/src/store.js b/src/store.js
index a79e938..2713879 100644
--- a/src/store.js
+++ b/src/store.js
@@ -40,6 +40,7 @@ export const useStore = defineStore('main', {
         },
       },
       previewDeviceModel: 'nanoOne',
+      screenOrientation: 90,
     }
   }, getters: {
     profiles: (state) => state.profileCategories.flatMap(c => c.profiles),
@@ -157,6 +158,9 @@ export const useStore = defineStore('main', {
     switchPreviewDeviceModel() {
       this.previewDeviceModel = this.previewDeviceModel === 'nanoOne' ? 'nanoZero' : 'nanoOne'
     },
+    cycleScreenOrientation() {
+      this.screenOrientation = (this.screenOrientation + 90) % 360
+    },
   },
 })