From 1dede0ce2b68dbb5aaabf3f7341a0ee01b085eca Mon Sep 17 00:00:00 2001
From: viown <48097677+viown@users.noreply.github.com>
Date: Wed, 15 Jan 2025 14:11:12 +0300
Subject: [PATCH] Simplify code, use standard attributes

---
 .../features/logs/components/LogItemList.tsx  | 37 +++++++++----------
 src/apps/dashboard/routes/logs/index.tsx      |  4 +-
 2 files changed, 19 insertions(+), 22 deletions(-)

diff --git a/src/apps/dashboard/features/logs/components/LogItemList.tsx b/src/apps/dashboard/features/logs/components/LogItemList.tsx
index 702c4594b4..ce68f8bdd7 100644
--- a/src/apps/dashboard/features/logs/components/LogItemList.tsx
+++ b/src/apps/dashboard/features/logs/components/LogItemList.tsx
@@ -1,6 +1,6 @@
 import React, { FunctionComponent } from 'react';
 import type { LogFile } from '@jellyfin/sdk/lib/generated-client/models/log-file';
-import { Box, List, ListItem, ListItemButton, ListItemText, useTheme } from '@mui/material';
+import { List, ListItem, ListItemButton, ListItemText } from '@mui/material';
 import { useApi } from 'hooks/useApi';
 import datetime from 'scripts/datetime';
 
@@ -10,7 +10,6 @@ type LogItemProps = {
 
 const LogItemList: FunctionComponent<LogItemProps> = ({ logs }: LogItemProps) => {
     const { api } = useApi();
-    const theme = useTheme();
 
     const getLogFileUrl = (logFile: LogFile) => {
         if (!api) return '';
@@ -29,24 +28,22 @@ const LogItemList: FunctionComponent<LogItemProps> = ({ logs }: LogItemProps) =>
     };
 
     return (
-        <Box sx={{ backgroundColor: theme.palette.background.paper }}>
-            <List>
-                {logs.map(log => {
-                    return (
-                        <ListItem key={log.Name} disablePadding>
-                            <ListItemButton href={getLogFileUrl(log)} target='_blank'>
-                                <ListItemText
-                                    primary={log.Name}
-                                    primaryTypographyProps={{ variant: 'h3' }}
-                                    secondary={getDate(log)}
-                                    secondaryTypographyProps={{ variant: 'body1' }}
-                                />
-                            </ListItemButton>
-                        </ListItem>
-                    );
-                })}
-            </List>
-        </Box>
+        <List sx={{ bgcolor: 'background.paper' }}>
+            {logs.map(log => {
+                return (
+                    <ListItem key={log.Name} disablePadding>
+                        <ListItemButton href={getLogFileUrl(log)} target='_blank'>
+                            <ListItemText
+                                primary={log.Name}
+                                primaryTypographyProps={{ variant: 'h3' }}
+                                secondary={getDate(log)}
+                                secondaryTypographyProps={{ variant: 'body1' }}
+                            />
+                        </ListItemButton>
+                    </ListItem>
+                );
+            })}
+        </List>
     );
 };
 
diff --git a/src/apps/dashboard/routes/logs/index.tsx b/src/apps/dashboard/routes/logs/index.tsx
index 6f9826c37e..8ab9decee8 100644
--- a/src/apps/dashboard/routes/logs/index.tsx
+++ b/src/apps/dashboard/routes/logs/index.tsx
@@ -121,9 +121,9 @@ const Logs = () => {
                         </Button>
                     </Stack>
                 </Form>
-                <Stack className='serverLogs readOnlyContent' spacing={1} sx={{ mt: 1 }}>
+                <Box className='serverLogs readOnlyContent' sx={{ mt: 1 }}>
                     <LogItemList logs={logs} />
-                </Stack>
+                </Box>
             </Box>
         </Page>
     );