From 549603da33ac0265d376f72c5463bc92fefd3258 Mon Sep 17 00:00:00 2001
From: ThaUnknown <6506529+ThaUnknown@users.noreply.github.com>
Date: Mon, 26 Aug 2024 11:25:26 +0200
Subject: [PATCH] fix: icon sutff

---
 common/components/Navbar.svelte   |  4 ++--
 common/components/Sidebar.svelte  |  4 ++--
 common/views/Player/Player.svelte | 12 ++++++------
 3 files changed, 10 insertions(+), 10 deletions(-)

diff --git a/common/components/Navbar.svelte b/common/components/Navbar.svelte
index 1d93616..7d0996c 100644
--- a/common/components/Navbar.svelte
+++ b/common/components/Navbar.svelte
@@ -4,7 +4,7 @@
   import { rss } from '@/views/TorrentSearch/TorrentModal.svelte'
   import NavbarLink from './NavbarLink.svelte'
   import { MagnifyingGlass } from 'svelte-radix'
-  import { Users, Clock, ListMusic, Settings, Heart } from 'lucide-svelte'
+  import { Users, Clock, Settings, Heart, ListVideo } from 'lucide-svelte'
   const view = getContext('view')
   export let page
 
@@ -32,7 +32,7 @@
     </NavbarLink>
     {#if $media?.media}
       <NavbarLink click={() => { $view = $media.media }} icon='queue_music' {page} let:active>
-        <ListMusic size='2rem' class='flex-shrink-0 p-5 w-30 h-30 m-5 rounded' strokeWidth={active ? '3.5' : '2'} />
+        <ListVideo size='2rem' class='flex-shrink-0 p-5 w-30 h-30 m-5 rounded' strokeWidth={active ? '3.5' : '2'} />
       </NavbarLink>
     {/if}
     <NavbarLink click={() => { page = 'watchtogether' }} _page='watchtogether' icon='groups' {page} let:active>
diff --git a/common/components/Sidebar.svelte b/common/components/Sidebar.svelte
index 5a41e8a..28d18dd 100644
--- a/common/components/Sidebar.svelte
+++ b/common/components/Sidebar.svelte
@@ -8,7 +8,7 @@
   import { logout } from './Logout.svelte'
   import IPC from '@/modules/ipc.js'
   import SidebarLink from './SidebarLink.svelte'
-  import { Clock, Download, Heart, Home, ListMusic, LogIn, Settings, Users } from 'lucide-svelte'
+  import { Clock, Download, Heart, Home, ListVideo, LogIn, Settings, Users } from 'lucide-svelte'
   import { MagnifyingGlass } from 'svelte-radix'
 
   let updateState = ''
@@ -56,7 +56,7 @@
     </SidebarLink>
     {#if $media?.media}
       <SidebarLink click={() => { $view = $media.media }} icon='queue_music' text='Now Playing' {page} let:active>
-        <ListMusic size='2rem' class='flex-shrink-0 p-5 w-30 h-30 m-5 rounded' strokeWidth={active ? '3.5' : '2'} />
+        <ListVideo size='2rem' class='flex-shrink-0 p-5 w-30 h-30 m-5 rounded' strokeWidth={active ? '3.5' : '2'} />
       </SidebarLink>
     {/if}
     <SidebarLink click={() => { page = 'watchtogether' }} _page='watchtogether' icon='groups' text='Watch Together' {page} let:active>
diff --git a/common/views/Player/Player.svelte b/common/views/Player/Player.svelte
index e3a395a..40d10da 100644
--- a/common/views/Player/Player.svelte
+++ b/common/views/Player/Player.svelte
@@ -1253,8 +1253,8 @@
       {/if}
       {#if 'audioTracks' in HTMLVideoElement.prototype && video?.audioTracks?.length > 1}
         <div class='dropdown dropup with-arrow' use:click={toggleDropdown}>
-          <span class='icon ctrl mr-5 d-flex align-items-center' title='Audio Tracks'>
-            <ListMusic size='2.5rem' strokeWidth={2.5} class='h-full' />
+          <span class='icon ctrl mr-5 d-flex align-items-center h-full' title='Audio Tracks'>
+            <ListMusic size='2.5rem' strokeWidth={2.5} />
           </span>
           <div class='dropdown-menu dropdown-menu-left ctrl custom-radio p-10 pb-5 text-capitalize'>
             {#each video.audioTracks as track}
@@ -1268,8 +1268,8 @@
       {/if}
       {#if 'videoTracks' in HTMLVideoElement.prototype && video?.videoTracks?.length > 1}
         <div class='dropdown dropup with-arrow'>
-          <span class='icon ctrl mr-5 d-flex align-items-center' title='Video Tracks'>
-            <ListVideo size='2.5rem' strokeWidth={2.5} class='h-full' />
+          <span class='icon ctrl mr-5 d-flex align-items-center h-full' title='Video Tracks'>
+            <ListVideo size='2.5rem' strokeWidth={2.5} />
           </span>
           <div class='dropdown-menu dropdown-menu-left ctrl custom-radio p-10 pb-5 text-capitalize'>
             {#each video.videoTracks as track}
@@ -1283,8 +1283,8 @@
       {/if}
       {#if subHeaders?.length}
         <div class='subtitles dropdown dropup with-arrow' use:click={toggleDropdown}>
-          <span class='icon ctrl mr-5 d-flex align-items-center' title='Subtitles [C]'>
-            <Captions size='2.5rem'strokeWidth={2.5} class='h-full' />
+          <span class='icon ctrl mr-5 d-flex align-items-center h-full' title='Subtitles [C]'>
+            <Captions size='2.5rem'strokeWidth={2.5} />
           </span>
           <div class='dropdown-menu dropdown-menu-right ctrl custom-radio p-10 pb-5 text-capitalize'>
             <input name='subtitle-radio-set' type='radio' id='subtitle-off-radio' value='off' checked={subHeaders && subs?.current === -1} />