Fix linting errors

Author: TimboKZ

.eslintrc.js

@@ -36,7 +36,7 @@ module.exports = {
     rules: {
         quotes: ['warn', 'single', { allowTemplateLiterals: true }],
         'no-console': 'warn',
-        'no-unused-vars': 'warn',
+        'no-unused-vars': 'off',
         'no-prototype-builtins': 'off',
         'sort-imports': [
             'error',
@@ -65,7 +65,7 @@ module.exports = {
                 groups: ['builtin', 'external', 'parent', 'index', 'sibling'],
             },
         ],
-        '@typescript-eslint/no-unused-vars': 'error',
+        '@typescript-eslint/no-unused-vars': 'warn',
         '@typescript-eslint/explicit-member-accessibility': 'error',
         'prettier/prettier': 'off',
     },

packages/chonky/src/components/file-list/FileList.tsx

@@ -2,12 +2,8 @@ import React, { useCallback } from 'react';
 import { useSelector } from 'react-redux';
 import AutoSizer from 'react-virtualized-auto-sizer';
 
-import {
-    selectDisplayFileIds,
-    selectFileViewConfig,
-    selectIsGridView,
-} from '../../redux/selectors';
-import { FileViewConfig } from '../../types/file-view.types';
+import { selectDisplayFileIds, selectFileViewConfig } from '../../redux/selectors';
+import { FileViewConfig, FileViewMode } from '../../types/file-view.types';
 import { c, makeGlobalChonkyStyles, makeLocalChonkyStyles } from '../../util/styles';
 import { FileListEmpty } from './FileListEmpty';
 import { GridContainer } from './GridContainer';
@@ -18,7 +14,6 @@ export interface FileListProps {}
 export const FileList: React.FC<FileListProps> = React.memo(() => {
     const displayFileIds = useSelector(selectDisplayFileIds);
     const viewConfig = useSelector(selectFileViewConfig);
-    const isGridView = useSelector(selectIsGridView);
 
     const localClasses = useLocalStyles(viewConfig);
     const classes = useStyles(viewConfig);
@@ -32,13 +27,13 @@ export const FileList: React.FC<FileListProps> = React.memo(() => {
         ({ width, height }: { width: number; height: number }) => {
             if (displayFileIds.length === 0) {
                 return <FileListEmpty width={width} height={viewConfig.entryHeight} />;
-            } else if (isGridView) {
-                return <GridContainer width={width} height={height} />;
-            } else {
+            } else if (viewConfig.mode === FileViewMode.List) {
                 return <ListContainer width={width} height={height} />;
+            } else {
+                return <GridContainer width={width} height={height} />;
             }
         },
-        [displayFileIds, viewConfig, isGridView]
+        [displayFileIds, viewConfig]
     );
 
     return (

packages/chonky/src/components/file-list/GridContainer.tsx

@@ -19,7 +19,6 @@ import { selectDisplayFileIds, selectFileViewConfig } from '../../redux/selector
 import { FileViewConfigGrid } from '../../types/file-view.types';
 import { useInstanceVariable } from '../../util/hooks-helpers';
 import { useIsMobileBreakpoint } from '../../util/styles';
-import { isMobileDevice } from '../../util/validation';
 import { SmartFileEntry } from './FileEntry';
 
 export interface FileListGridProps {
@@ -35,6 +34,14 @@ interface GridConfig {
     columnWidth: number;
 }
 
+export const isMobileDevice = () => {
+    // noinspection JSDeprecatedSymbols
+    return (
+        typeof window.orientation !== 'undefined' ||
+        navigator.userAgent.indexOf('IEMobile') !== -1
+    );
+};
+
 export const getGridConfig = (
     width: number,
     fileCount: number,

packages/chonky/src/components/file-list/GridEntry.tsx

@@ -9,9 +9,9 @@ import {
 } from './FileEntry-hooks';
 import { FileEntryName } from './FileEntryName';
 import {
+    FileEntryState,
     GridEntryPreviewFile,
     GridEntryPreviewFolder,
-    FileEntryState,
 } from './GridEntryPreview';
 
 export const GridEntry: React.FC<FileEntryProps> = React.memo(

packages/chonky/src/components/file-list/GridEntryDndIndicator.tsx

@@ -5,8 +5,8 @@
  */
 
 import React from 'react';
-import { DndEntryState } from '../../types/file-list.types';
 
+import { DndEntryState } from '../../types/file-list.types';
 import { c, makeLocalChonkyStyles } from '../../util/styles';
 import { ChonkyIconFA } from '../external/ChonkyIcon';
 import { useDndIcon } from './FileEntry-hooks';

packages/chonky/src/redux/selectors.ts

@@ -66,8 +66,6 @@ export const selectSelectedFilesForActionCount = (fileActionId: string) => (
 ) => getSelectedFilesForAction(state, fileActionId)?.length;
 
 export const selectFileViewConfig = (state: RootState) => state.fileViewConfig;
-export const selectIsGridView = (state: RootState) =>
-    !!selectFileViewConfig(state).entryWidth;
 
 export const selectSortActionId = (state: RootState) => state.sortActionId;
 export const selectSortOrder = (state: RootState) => state.sortOrder;