fix: Log level and source field fixed for new component

Author: colin969

src/back/importGame.ts

@@ -494,7 +494,7 @@ async function importGameImage(image: CurationIndexImage, gameId: string, folder
       // Check if the image is its own file
       if (image.filePath !== undefined) {
         await fs.promises.mkdir(path.dirname(imagePath), { recursive: true });
-        await fs.promises.access(image.filePath, fs.constants.R_OK).then(() => log.debug('TEST', 'CAN READ')).catch(() => log.debug('TEST', 'CAN NOT READ'));
+        await fs.promises.access(image.filePath, fs.constants.R_OK);
         await fs.promises.copyFile(image.filePath, imagePath);
       }
       // Check if the image is extracted

src/renderer/components/LogBox.tsx

@@ -49,8 +49,12 @@ function LogRow({ index, style, logs, longestSource }: RowComponentProps<RowProp
 
 export function LogBox(props: LogBoxProps) {
   const scale = useAppSelector(state => state.preferences.scaleValues.logs);
+  const levelFilters = useAppSelector(state => state.preferences.showLogLevel);
+  const sourceFilters = useAppSelector(state => state.preferences.showLogSource);
   const fontSize = Math.floor(calcScale(8, 24, scale));
 
+  const filteredLogs = props.logs.filter(l => levelFilters[l.logLevel as LogLevel]).filter(l => sourceFilters[l.source] !== false);
+
   const rowHeight = (index: number, { logs }: RowProps) => {
     return (fontSize + 2) * logs[index].lineCount;
   };
@@ -63,10 +67,10 @@ export function LogBox(props: LogBoxProps) {
           style={{ fontSize: `${fontSize}px`, lineHeight: `${fontSize + 2}px`, height, maxHeight: undefined }}
           rowComponent={LogRow}
           rowProps={{
-            logs: props.logs,
+            logs: filteredLogs,
             longestSource: props.longestSource
           }}
-          rowCount={props.logs.length}
+          rowCount={filteredLogs.length}
           rowHeight={rowHeight}
           overscanCount={25} />;
       }}