LogalDeveloper/owncast
LogalDeveloper/owncast
0
Fork 0
Code

fix(ui): use showChat selector for dynamicPadding logic

Browse Source
This commit is contained in:
Gabe Kangas 2023-05-06 20:36:13 -07:00
parent 02b6521cc5
commit 23d29ac2ae
No known key found for this signature in database
GPG Key ID: 4345B2060657F330
2 changed files with 5 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
web/components/layouts/Main/Main.tsx
View File

@ -17,6 +17,7 @@ import {
appStateAtom,
serverStatusState,
isMobileAtom,
isChatVisibleSelector,
} from '../../stores/ClientConfigStore';
import { Content } from '../../ui/Content/Content';
import { Header } from '../../ui/Header/Header';
@ -52,6 +53,7 @@ export const Main: FC = () => {
const fatalError = useRecoilValue<DisplayableError>(fatalErrorStateAtom);
const appState = useRecoilValue<AppStateOptions>(appStateAtom);
const isMobile = useRecoilValue<boolean | undefined>(isMobileAtom);
const isChatVisible = useRecoilValue<boolean>(isChatVisibleSelector);
const layoutRef = useRef<HTMLDivElement>(null);
const { chatDisabled } = clientConfig;
@ -59,7 +61,8 @@ export const Main: FC = () => {
const { online, streamTitle, versionNumber: version } = clientStatus;
// accounts for sidebar width when online in desktop
const dynamicPadding = online && !chatDisabled && !isMobile ? '320px' : '0px';
const showChat = online && !chatDisabled && isChatVisible;
const dynamicPadding = showChat && !isMobile ? '320px' : '0px';
useEffect(() => {
setupNoLinkReferrer(layoutRef.current);

2
web/components/ui/Content/Content.tsx
View File

@ -181,7 +181,7 @@ export const Content: FC = () => {
const showChat = online && !chatDisabled && isChatVisible;
// accounts for sidebar width when online in desktop
const dynamicPadding = online && !chatDisabled && !isMobile ? '320px' : '0px';
const dynamicPadding = showChat && !isMobile ? '320px' : '0px';
return (
<>