From e4065653d91c7ffcbb2ee45a18924a7fa2fd4409 Mon Sep 17 00:00:00 2001
From: RockinChaos <JacobGaming@CraftationGaming.com>
Date: Fri, 31 May 2024 15:13:40 -0700
Subject: [PATCH] feat: audio label icon toggle

---
 common/views/Settings/InterfaceSettings.svelte | 9 +++++++++
 1 file changed, 9 insertions(+)

diff --git a/common/views/Settings/InterfaceSettings.svelte b/common/views/Settings/InterfaceSettings.svelte
index e676eed..90cce2d 100644
--- a/common/views/Settings/InterfaceSettings.svelte
+++ b/common/views/Settings/InterfaceSettings.svelte
@@ -5,6 +5,7 @@
   import IPC from '@/modules/ipc.js'
   import SettingCard from './SettingCard.svelte'
   import { SUPPORTS } from '@/modules/support.js'
+  import AudioLabel from '@/views/ViewAnime/AudioLabel.svelte'
   function updateAngle () {
     IPC.emit('angle', settings.value.angle)
   }
@@ -43,6 +44,14 @@
     <option value='full'>Full</option>
   </select>
 </SettingCard>
+<SettingCard title='Card Audio' description={'If the dub or sub icon should be shown on the cards in the menu.\nThis will show one of three simple icons which are previewed as follows:'}>
+  <AudioLabel example={true}/>
+  <div class='custom-switch'>
+    <input type='checkbox' id='card-audio' bind:checked={settings.cardAudio} />
+    <label for='card-audio'>{settings.cardAudio ? 'On' : 'Off'}</label>
+    
+  </div>
+</SettingCard>
 {#if SUPPORTS.angle}
   <h4 class='mb-10 font-weight-bold'>Rendering Settings</h4>
   <SettingCard title='ANGLE Backend' description="What ANGLE backend to use for rendering. DON'T CHANGE WITHOUT REASON! On some Windows machines D3D9 might help with flicker. Changing this setting to something your device doesn't support might prevent Miru from opening which will require a full reinstall. While Vulkan is an available option it might not be fully supported on Linux.">