From a90b863590d825cc1f140dbd10083d7cc68202ac Mon Sep 17 00:00:00 2001
From: kolaente <k@knt.li>
Date: Wed, 3 Nov 2021 20:10:23 +0100
Subject: [PATCH] feat: use command on mac and ctrl on other platforms

---
 src/components/misc/shortcut.vue | 9 ++++++++-
 src/directives/shortcut.ts       | 4 ++++
 src/helpers/isMac.ts             | 3 +++
 3 files changed, 15 insertions(+), 1 deletion(-)
 create mode 100644 src/helpers/isMac.ts

diff --git a/src/components/misc/shortcut.vue b/src/components/misc/shortcut.vue
index a822cecb4..aa690fc99 100644
--- a/src/components/misc/shortcut.vue
+++ b/src/components/misc/shortcut.vue
@@ -1,15 +1,22 @@
 <template>
 	<span class="shortcuts">
 		<template v-for="(k, i) in keys" :key="i">
-			<kbd>{{ k }}</kbd>
+			<kbd>{{ isMac ? k.replace('ctrl', '⌘') : k }}</kbd>
 			<span v-if="i < keys.length - 1">{{ combination }}</span>
 		</template>
 	</span>
 </template>
 
 <script>
+import {isMac} from '@/helpers/isMac'
+
 export default {
 	name: 'shortcut',
+	data() {
+		return {
+			isMac: isMac(),
+		}
+	},
 	props: {
 		keys: {
 			type: Array,
diff --git a/src/directives/shortcut.ts b/src/directives/shortcut.ts
index 30b1f1ce4..9223aa4dd 100644
--- a/src/directives/shortcut.ts
+++ b/src/directives/shortcut.ts
@@ -1,8 +1,12 @@
 import {Directive} from 'vue'
 import {install, uninstall} from '@github/hotkey'
+import {isMac} from '@/helpers/isMac'
 
 const directive: Directive = {
 	mounted(el, {value}) {
+		if (isMac() && value.includes('Control')) {
+			value = value.replace('Control', 'Meta')
+		}
 		install(el, value)
 	},
 	beforeUnmount(el) {
diff --git a/src/helpers/isMac.ts b/src/helpers/isMac.ts
new file mode 100644
index 000000000..ad05cc0a9
--- /dev/null
+++ b/src/helpers/isMac.ts
@@ -0,0 +1,3 @@
+export const isMac = (): Boolean => {
+	return navigator.userAgent.includes('Mac')
+}