From 409e10a8fdac5d00cdf01af51ddcf929fa5920db Mon Sep 17 00:00:00 2001
From: pandadev <70103896+0PandaDEV@users.noreply.github.com>
Date: Sun, 16 Mar 2025 21:32:27 +0100
Subject: [PATCH] refactor: update BottomBar component to use new Key component
 for keyboard modifier representation

---
 components/BottomBar.vue | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/components/BottomBar.vue b/components/BottomBar.vue
index 30a91b3..c978c99 100644
--- a/components/BottomBar.vue
+++ b/components/BottomBar.vue
@@ -13,7 +13,7 @@
       <div v-if="secondaryAction" class="actions" @click="handleSecondaryClick">
         <p class="text">{{ secondaryAction.text }}</p>
         <div>
-          <IconsCtrl v-if="(os === 'windows' || os === 'linux') && secondaryAction.showModifier" />
+          <Key v-if="(os === 'windows' || os === 'linux') && secondaryAction.showModifier" :input="'Ctrl'" />
           <IconsCmd v-if="os === 'macos' && secondaryAction.showModifier" />
           <component :is="secondaryAction.icon" :input="secondaryAction.input" />
         </div>
@@ -25,8 +25,8 @@
 <script setup lang="ts">
 import { ref, onMounted } from 'vue';
 import { platform } from "@tauri-apps/plugin-os";
-import IconsCtrl from './Icons/Ctrl.vue';
-import IconsCmd from './Icons/Cmd.vue';
+import IconsCmd from './Keys/Cmd.vue';
+import Key from './Keys/Key.vue';
 
 interface Action {
   text: string;