Fix eslint errors

src/apiclient.d.ts

@@ -182,7 +182,7 @@ declare module 'jellyfin-apiclient' {
         getPluginConfiguration(id: string): Promise<any>;
         getPublicSystemInfo(): Promise<PublicSystemInfo>;
         getPublicUsers(): Promise<UserDto[]>;
-        getQuickConnect(verb: string): Promise<void|boolean|number|QuickConnectResult|QuickConnectState>;
+        getQuickConnect(verb: string): Promise<void | boolean | number | QuickConnectResult | QuickConnectState>;
         getReadySyncItems(deviceId: string): Promise<any>;
         getRecordingFolders(userId: string): Promise<BaseItemDtoQueryResult>;
         getRegistrationInfo(feature: string): Promise<any>;
@@ -308,7 +308,7 @@ declare module 'jellyfin-apiclient' {
     class AppStore {
         constructor();
 
-        getItem(name: string): string|null;
+        getItem(name: string): string | null;
         removeItem(name: string): void;
         setItem(name: string, value: string): void;
     }
@@ -329,7 +329,7 @@ declare module 'jellyfin-apiclient' {
         connectToServer(server: any, options?: any): Promise<any>;
         connectToServers(servers: any[], options?: any): Promise<any>;
         deleteServer(serverId: string): Promise<void>;
-        getApiClient(item: BaseItemDto|string): ApiClient;
+        getApiClient(item: BaseItemDto | string): ApiClient;
         getApiClients(): ApiClient[];
         getAvailableServers(): any[];
         getOrCreateApiClient(serverId: string): ApiClient;

src/apps/experimental/routes/user/display/hooks/useDisplaySettings.ts

@@ -10,7 +10,7 @@ import { currentSettings, UserSettings } from 'scripts/settings/userSettings';
 import { DisplaySettingsValues } from '../types';
 
 interface UseDisplaySettingsParams {
-  userId?: string | null;
+    userId?: string | null;
 }
 
 export function useDisplaySettings({ userId }: UseDisplaySettingsParams) {

src/components/cardbuilder/Card/CardHoverMenu.tsx

@@ -15,8 +15,8 @@ import type { ItemDto } from 'types/base/models/item-dto';
 import type { CardOptions } from 'types/cardOptions';
 
 interface CardHoverMenuProps {
-	item: ItemDto;
+    item: ItemDto;
-	cardOptions: CardOptions;
+    cardOptions: CardOptions;
 }
 
 const CardHoverMenu: FC<CardHoverMenuProps> = ({

src/components/cardbuilder/cardBuilderUtils.ts

@@ -103,7 +103,7 @@ export const resolveCardCssClasses = (opts: CardCssClassOpts): string => {
  * Resolves applicable Card Image container CSS classes
  * @param opts options for determining which CSS classes are applicable
  */
-export const resolveCardImageContainerCssClasses = (opts: { itemType: string, hasCoverImage: boolean, itemName?: string, imgUrl?: string}): string => {
+export const resolveCardImageContainerCssClasses = (opts: { itemType: string, hasCoverImage: boolean, itemName?: string, imgUrl?: string }): string => {
     return classNames({
         'cardImageContainer': true,
         'coveredImage': opts.hasCoverImage,

src/components/router/AsyncRoute.tsx

@@ -3,7 +3,7 @@ import type { RouteObject } from 'react-router-dom';
 export enum AsyncRouteType {
     Stable,
     Experimental,
-    Dashboard,
+    Dashboard
 }
 
 export interface AsyncRoute {

src/elements/emby-button/Button.tsx

@@ -5,15 +5,15 @@ import './emby-button.scss';
 
 enum IconPosition {
     RIGHT = 'RIGHT',
-    LEFT = 'LEFT',
+    LEFT = 'LEFT'
-  }
+}
 
 interface ButtonProps extends DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>,
     HTMLButtonElement
-  > {
+> {
-  icon?: string;
+    icon?: string;
-  iconClassName?: string;
+    iconClassName?: string;
-  iconPos?: string;
+    iconPos?: string;
 }
 
 const Button: React.FC<ButtonProps> = ({

src/elements/emby-button/IconButton.tsx

@@ -5,9 +5,9 @@ import './emby-button.scss';
 
 interface IconButtonProps extends DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>,
     HTMLButtonElement
-  > {
+> {
-  icon?: string;
+    icon?: string;
-  iconClassName?: string;
+    iconClassName?: string;
 }
 
 const IconButton: React.FC<IconButtonProps> = ({

src/elements/emby-button/LinkButton.tsx

@@ -8,11 +8,11 @@ import './emby-button.scss';
 
 interface LinkButtonProps extends DetailedHTMLProps<AnchorHTMLAttributes<HTMLAnchorElement>,
     HTMLAnchorElement
-  > {
+> {
-  className?: string;
+    className?: string;
-  isAutoHideEnabled?: boolean;
+    isAutoHideEnabled?: boolean;
-  href?: string;
+    href?: string;
-  target?: string;
+    target?: string;
 }
 
 const LinkButton: React.FC<LinkButtonProps> = ({

src/elements/emby-scrollbuttons/utils.ts

@@ -2,18 +2,18 @@ import ScrollerFactory from 'lib/scroller';
 import globalize from 'lib/globalize';
 
 export enum ScrollDirection {
-  RIGHT = 'right',
+    RIGHT = 'right',
-  LEFT = 'left',
+    LEFT = 'left'
 }
 
 interface ScrollState {
-  scrollPos: number;
+    scrollPos: number;
 }
 
 interface ScrollerItemSlideIntoViewProps {
-  direction: ScrollDirection;
+    direction: ScrollDirection;
-  scroller: ScrollerFactory | null;
+    scroller: ScrollerFactory | null;
-  scrollState: ScrollState;
+    scrollState: ScrollState;
 }
 
 interface ScrollToWindowProps {

src/hooks/useElementSize.ts

@@ -2,12 +2,12 @@ import { MutableRefObject, useLayoutEffect, useRef, useState } from 'react';
 import useResizeObserver from '@react-hook/resize-observer';
 
 interface Size {
-  width: number;
+    width: number;
-  height: number;
+    height: number;
 }
 
 export default function useElementSize<
-  T extends HTMLElement = HTMLDivElement
+    T extends HTMLElement = HTMLDivElement
 >(): [MutableRefObject<T | null>, Size] {
     const target = useRef<T | null>(null);
     const [size, setSize] = useState<Size>({

src/index.d.ts

@@ -1,4 +1,4 @@
 declare module '*.png' {
-   const value: any;
+    const value: any;
-   export = value;
+    export = value;
 }

src/themes/themes.ts

@@ -8,13 +8,13 @@ import purplehaze from './purplehaze';
 import wmc from './wmc';
 
 declare module '@mui/material/styles' {
-  interface Palette {
+    interface Palette {
-    starIcon: Palette['primary'];
+        starIcon: Palette['primary'];
-  }
+    }
 
-  interface PaletteOptions {
+    interface PaletteOptions {
-    starIcon?: PaletteOptions['primary'];
+        starIcon?: PaletteOptions['primary'];
-  }
+    }
 }
 
 const ALL_THEMES = {

src/types/base/models/item-dto.ts

@@ -3,7 +3,7 @@ import type { BaseItemDto, BaseItemKind, CollectionTypeOptions, RecordingStatus,
 type BaseItem = Omit<BaseItemDto, 'ChannelId' | 'EndDate' | 'Id' | 'StartDate' | 'Status' | 'Type' | 'Artists' | 'MediaType' | 'Name' | 'CollectionType'>;
 type TimerInfo = Omit<TimerInfoDto, 'ChannelId' | 'EndDate' | 'Id' | 'StartDate' | 'Status' | 'Type' | 'Name'>;
 type SeriesTimerInfo = Omit<SeriesTimerInfoDto, 'ChannelId' | 'EndDate' | 'Id' | 'StartDate' | 'Type' | 'Name'>;
-type SearchHintItem = Omit<SearchHint, 'ItemId' |'Artists' | 'Id' | 'MediaType' | 'Name' | 'StartDate' | 'Type'>;
+type SearchHintItem = Omit<SearchHint, 'ItemId' | 'Artists' | 'Id' | 'MediaType' | 'Name' | 'StartDate' | 'Type'>;
 type UserItem = Omit<UserItemDataDto, 'ItemId'>;
 type VirtualFolder = Omit<VirtualFolderInfo, 'CollectionType'>;
 

src/types/library.ts

@@ -16,20 +16,20 @@ export enum FeatureFilters {
     HasTrailer = 'HasTrailer',
     HasSpecialFeature = 'HasSpecialFeature',
     HasThemeSong = 'HasThemeSong',
-    HasThemeVideo = 'HasThemeVideo',
+    HasThemeVideo = 'HasThemeVideo'
 }
 
 export enum EpisodeFilter {
     ParentIndexNumber = 'ParentIndexNumber',
     IsMissing = 'IsMissing',
-    IsUnaired = 'IsUnaired',
+    IsUnaired = 'IsUnaired'
 }
 
 export enum VideoBasicFilter {
     IsSD = 'IsSD',
     IsHD = 'IsHD',
     Is4K = 'Is4K',
-    Is3D = 'Is3D',
+    Is3D = 'Is3D'
 }
 
 export interface Filters {
@@ -49,7 +49,7 @@ export interface Filters {
 
 export enum ViewMode {
     GridView = 'grid',
-    ListView = 'list',
+    ListView = 'list'
 }
 
 export interface LibraryViewSettings {

src/types/libraryTab.ts

@@ -23,5 +23,5 @@ export enum LibraryTab {
     PhotoAlbums = 'photoalbums',
     Photos = 'photos',
     Videos = 'videos',
-    Books = 'books',
+    Books = 'books'
 }

src/types/sections.ts

@@ -28,7 +28,7 @@ export enum SectionApiMethod {
     RecommendedPrograms = 'RecommendedPrograms',
     LiveTvPrograms = 'liveTvPrograms',
     Recordings = 'Recordings',
-    RecordingFolders = 'RecordingFolders',
+    RecordingFolders = 'RecordingFolders'
 }
 
 export enum SectionType {

src/utils/card.ts

@@ -13,7 +13,7 @@ export enum CardShape {
     Mixed = 'mixed',
     MixedSquare = 'mixedSquare',
     MixedBackdrop = 'mixedBackdrop',
-    MixedPortrait = 'mixedPortrait',
+    MixedPortrait = 'mixedPortrait'
 }
 
 export function getSquareShape(enableOverflow = true) {

src/utils/mediaSource.ts

@@ -5,7 +5,7 @@ import type { MediaSourceInfo } from '@jellyfin/sdk/lib/generated-client';
  * @param mediaSource The media source.
  * @returns _true_ if the media source is an HLS stream, _false_ otherwise.
  */
-export function isHls(mediaSource: MediaSourceInfo|null|undefined): boolean {
+export function isHls(mediaSource: MediaSourceInfo | null | undefined): boolean {
     return mediaSource?.TranscodingSubProtocol?.toUpperCase() === 'HLS'
         || mediaSource?.Container?.toUpperCase() === 'HLS';
 }