fix prettier/lint

src/renderer/components/audio-player/utils/list-handlers.ts

@@ -101,10 +101,10 @@ export const crossfadeHandler = (args: {
                 fadeType === 'constantPower'
                     ? 0
                     : fadeType === 'constantPowerSlowFade'
-                    ? 1
-                    : fadeType === 'constantPowerSlowCut'
-                    ? 3
-                    : 10;
+                      ? 1
+                      : fadeType === 'constantPowerSlowCut'
+                        ? 3
+                        : 10;
 
             percentageOfFadeLeft = timeLeft / fadeDuration;
             currentPlayerVolumeCalculation =

src/renderer/components/button/index.tsx

@@ -24,7 +24,10 @@ const StyledButton = styled(MantineButton)<StyledButtonProps>`
     background: ${(props) => `var(--btn-${props.variant}-bg)`};
     border: ${(props) => `var(--btn-${props.variant}-border)`};
     border-radius: ${(props) => `var(--btn-${props.variant}-radius)`};
-    transition: background 0.2s ease-in-out, color 0.2s ease-in-out, border 0.2s ease-in-out;
+    transition:
+        background 0.2s ease-in-out,
+        color 0.2s ease-in-out,
+        border 0.2s ease-in-out;
 
     svg {
         fill: ${(props) => `var(--btn-${props.variant}-fg)`};

src/renderer/components/card/album-card.tsx

@@ -17,7 +17,9 @@ const CardWrapper = styled.div<{
     cursor: ${({ link }) => link && 'pointer'};
     background: var(--card-default-bg);
     border-radius: var(--card-default-radius);
-    transition: border 0.2s ease-in-out, background 0.2s ease-in-out;
+    transition:
+        border 0.2s ease-in-out,
+        background 0.2s ease-in-out;
 
     &:hover {
         background: var(--card-default-bg-hover);

src/renderer/components/feature-carousel/index.tsx

@@ -232,8 +232,8 @@ export const FeatureCarousel = ({ data }: FeatureCarouselProps) => {
                                                 playType === Play.NOW
                                                     ? 'player.play'
                                                     : playType === Play.NEXT
-                                                    ? 'player.addNext'
-                                                    : 'player.addLast',
+                                                      ? 'player.addNext'
+                                                      : 'player.addLast',
                                                 { postProcess: 'titleCase' },
                                             )}
                                         </Button>

src/renderer/components/pagination/index.tsx

@@ -9,7 +9,9 @@ const StyledPagination = styled(MantinePagination)<PaginationProps>`
         color: var(--btn-default-fg);
         background-color: var(--btn-default-bg);
         border: none;
-        transition: background 0.2s ease-in-out, color 0.2s ease-in-out;
+        transition:
+            background 0.2s ease-in-out,
+            color 0.2s ease-in-out;
 
         &[data-active] {
             color: var(--btn-primary-fg);

src/renderer/components/tabs/index.tsx

@@ -32,7 +32,9 @@ const StyledTabs = styled(MantineTabs)`
             background: var(--btn-subtle-bg-hover);
         }
 
-        transition: background 0.2s ease-in-out, color 0.2s ease-in-out;
+        transition:
+            background 0.2s ease-in-out,
+            color 0.2s ease-in-out;
     }
 
     button[data-active] {

src/renderer/components/toast/index.tsx

@@ -16,19 +16,19 @@ const showToast = ({ type, ...props }: NotificationProps) => {
         type === 'success'
             ? 'var(--success-color)'
             : type === 'warning'
-            ? 'var(--warning-color)'
-            : type === 'error'
-            ? 'var(--danger-color)'
-            : 'var(--primary-color)';
+              ? 'var(--warning-color)'
+              : type === 'error'
+                ? 'var(--danger-color)'
+                : 'var(--primary-color)';
 
     const defaultTitle =
         type === 'success'
             ? 'Success'
             : type === 'warning'
-            ? 'Warning'
-            : type === 'error'
-            ? 'Error'
-            : 'Info';
+              ? 'Warning'
+              : type === 'error'
+                ? 'Error'
+                : 'Info';
 
     const defaultDuration = type === 'error' ? 5000 : 2000;
 

src/renderer/components/virtual-grid/grid-card/grid-card-controls.tsx

@@ -160,8 +160,8 @@ export const GridCardControls = ({
         itemType === LibraryItem.ALBUM
             ? ALBUM_CONTEXT_MENU_ITEMS
             : itemType === LibraryItem.PLAYLIST
-            ? PLAYLIST_CONTEXT_MENU_ITEMS
-            : ARTIST_CONTEXT_MENU_ITEMS,
+              ? PLAYLIST_CONTEXT_MENU_ITEMS
+              : ARTIST_CONTEXT_MENU_ITEMS,
         resetInfiniteLoaderCache,
     );
 

src/renderer/components/virtual-table/cells/generic-cell.tsx

@@ -11,8 +11,8 @@ export const CellContainer = styled.div<{ $position?: 'left' | 'center' | 'right
         props.$position === 'right'
             ? 'flex-end'
             : props.$position === 'center'
-            ? 'center'
-            : 'flex-start'};
+              ? 'center'
+              : 'flex-start'};
     width: 100%;
     height: 100%;
     letter-spacing: 0.5px;

src/renderer/components/virtual-table/headers/generic-table-header.tsx

@@ -20,8 +20,8 @@ export const HeaderWrapper = styled.div<{ $position: Options['position'] }>`
         props.$position === 'right'
             ? 'flex-end'
             : props.$position === 'center'
-            ? 'center'
-            : 'flex-start'};
+              ? 'center'
+              : 'flex-start'};
     width: 100%;
     font-family: var(--content-font-family);
     text-transform: uppercase;
@@ -37,8 +37,8 @@ const HeaderText = styled(_Text)<{ $position: Options['position'] }>`
         props.$position === 'right'
             ? 'flex-end'
             : props.$position === 'center'
-            ? 'center'
-            : 'flex-start'};
+              ? 'center'
+              : 'flex-start'};
     text-transform: uppercase;
 `;