mirrors/jellyfin-web
1
0
Fork 0
mirror of https://github.com/jellyfin/jellyfin-web synced 2025-03-30 19:56:21 +00:00
Code Activity

Move server logs to mui

Browse source
This commit is contained in:
viown 2025-01-14 01:57:43 +03:00
parent 30204a4db5
commit 941da45faa
3 changed files with 26 additions and 22 deletions
Download patch file Download diff file Expand all files Collapse all files

4
src/apps/dashboard/features/logs/api/useServerLogs.ts
View file

@ -6,7 +6,7 @@ import type { AxiosRequestConfig } from 'axios';
const fetchServerLogs = async (api?: Api, options?: AxiosRequestConfig) => {
if (!api) {
console.error('[useLogEntries] No API instance available');
console.error('[useServerLogs] No API instance available');
return;
}
@ -19,7 +19,7 @@ export const useServerLogs = () => {
const { api } = useApi();
return useQuery({
queryKey: [ 'LogEntries' ],
queryKey: [ 'ServerLogs' ],
queryFn: ({ signal }) => fetchServerLogs(api, { signal }),
enabled: !!api
});

26
src/apps/dashboard/features/logs/components/LogItem.tsx
View file

@ -1,7 +1,7 @@
import type { LogFile } from '@jellyfin/sdk/lib/generated-client/models/log-file';
import LinkButton from 'elements/emby-button/LinkButton';
import { useApi } from 'hooks/useApi';
import React, { FunctionComponent } from 'react';
import type { LogFile } from '@jellyfin/sdk/lib/generated-client/models/log-file';
import { Card, CardActionArea, CardContent, ListItemText } from '@mui/material';
import { useApi } from 'hooks/useApi';
import datetime from 'scripts/datetime';
type LogItemProps = {
@ -12,7 +12,7 @@ const LogItem: FunctionComponent<LogItemProps> = ({ logFile }: LogItemProps) =>
const { api } = useApi();
const getLogFileUrl = () => {
if (!api) return;
if (!api) return '';
let url = api.basePath + '/System/Logs/Log';
@ -28,12 +28,18 @@ const LogItem: FunctionComponent<LogItemProps> = ({ logFile }: LogItemProps) =>
};
return (
<LinkButton href={getLogFileUrl()} target='_blank' rel='noreferrer' className='listItem listItem-border' style={{ color: 'inherit' }}>
<div className='listItemBody two-line'>
<h3 className='listItemBodyText' dir='ltr' style={{ textAlign: 'left' }}>{logFile.Name}</h3>
<div className='listItemBodyText secondary'>{getDate()}</div>
</div>
</LinkButton>
<Card>
<CardActionArea href={getLogFileUrl()} target='_blank'>
<CardContent>
<ListItemText
primary={logFile.Name}
primaryTypographyProps={{ variant: 'h3' }}
secondary={getDate()}
secondaryTypographyProps={{ variant: 'body1' }}
/>
</CardContent>
</CardActionArea>
</Card>
);
};

6
src/apps/dashboard/routes/logs/index.tsx
View file

@ -121,16 +121,14 @@ const Logs = () => {
</Button>
</Stack>
</Form>
<div className='serverLogs readOnlyContent'>
<div className='paperList'>
<Stack className='serverLogs readOnlyContent' spacing={1} sx={{ mt: 1 }}>
{logs?.map(log => {
return <LogItem
key={log.Name}
logFile={log}
/>;
})}
</div>
</div>
</Stack>
</Box>
</Page>
);