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

Merge pull request #5806 from thornbill/fix-dashboard-class

Fix dashboard body class sometimes missing
This commit is contained in:
Bill Thornton 2024-07-18 12:25:15 -04:00 committed by GitHub
commit f3bb9f2eef
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
2 changed files with 10 additions and 4 deletions

View file

@ -2,7 +2,7 @@ import AppBar from '@mui/material/AppBar';
import Box from '@mui/material/Box';
import { type Theme } from '@mui/material/styles';
import useMediaQuery from '@mui/material/useMediaQuery';
import React, { FC, useCallback, useState } from 'react';
import React, { FC, useCallback, useEffect, useState } from 'react';
import { Outlet, useLocation } from 'react-router-dom';
import AppBody from 'components/AppBody';
@ -36,6 +36,15 @@ const AppLayout: FC<AppLayoutProps> = ({
setIsDrawerActive(!isDrawerActive);
}, [ isDrawerActive, setIsDrawerActive ]);
// Update body class
useEffect(() => {
document.body.classList.add('dashboardDocument');
return () => {
document.body.classList.remove('dashboardDocument');
};
}, []);
return (
<Box sx={{ display: 'flex' }}>
<ElevationScroll elevate={false}>

View file

@ -581,7 +581,6 @@ function updateMenuForPageType(isDashboardPage, isLibraryPage) {
if (isLibraryPage) {
bodyClassList.add('libraryDocument');
bodyClassList.remove('dashboardDocument');
bodyClassList.remove('hideMainDrawer');
if (navDrawerInstance) {
@ -589,7 +588,6 @@ function updateMenuForPageType(isDashboardPage, isLibraryPage) {
}
} else if (isDashboardPage) {
bodyClassList.remove('libraryDocument');
bodyClassList.add('dashboardDocument');
bodyClassList.remove('hideMainDrawer');
if (navDrawerInstance) {
@ -597,7 +595,6 @@ function updateMenuForPageType(isDashboardPage, isLibraryPage) {
}
} else {
bodyClassList.remove('libraryDocument');
bodyClassList.remove('dashboardDocument');
bodyClassList.add('hideMainDrawer');
if (navDrawerInstance) {