diff --git a/web/components/common/ContentHeader/ContentHeader.module.scss b/web/components/common/ContentHeader/ContentHeader.module.scss index 0d18a9f27..60416dbde 100644 --- a/web/components/common/ContentHeader/ContentHeader.module.scss +++ b/web/components/common/ContentHeader/ContentHeader.module.scss @@ -20,6 +20,7 @@ margin-left: auto; margin-right: auto; margin-bottom: 10px; + margin-top: 10px; } } } diff --git a/web/components/stores/application-state.ts b/web/components/stores/application-state.ts index 329325039..7a4c10b1f 100644 --- a/web/components/stores/application-state.ts +++ b/web/components/stores/application-state.ts @@ -70,6 +70,7 @@ const appStateModel = createMachine({ id: 'appState', initial: 'loading', + predictableActionArguments: true, states: { loading: { meta: { diff --git a/web/components/ui/Content/Content.tsx b/web/components/ui/Content/Content.tsx index e436a3e7e..6704c317b 100644 --- a/web/components/ui/Content/Content.tsx +++ b/web/components/ui/Content/Content.tsx @@ -7,9 +7,9 @@ import { LOCAL_STORAGE_KEYS, getLocalStorage, setLocalStorage } from '../../../u import { clientConfigStateAtom, - chatMessagesAtom, - chatDisplayNameAtom, - chatUserIdAtom, + // chatMessagesAtom, + // chatDisplayNameAtom, + // chatUserIdAtom, isChatVisibleSelector, appStateAtom, isOnlineSelector, @@ -23,8 +23,8 @@ import FollowerCollection from '../Followers/FollowersCollection'; import s from './Content.module.scss'; import Sidebar from '../Sidebar'; import Footer from '../Footer'; -import ChatContainer from '../../chat/ChatContainer'; -import { ChatMessage } from '../../../interfaces/chat-message.model'; +// import ChatContainer from '../../chat/ChatContainer'; +// import { ChatMessage } from '../../../interfaces/chat-message.model'; // import ChatTextField from '../../chat/ChatTextField/ChatTextField'; import ActionButtonRow from '../../action-buttons/ActionButtonRow'; import ActionButton from '../../action-buttons/ActionButton'; @@ -47,10 +47,10 @@ export default function ContentComponent() { const clientConfig = useRecoilValue(clientConfigStateAtom); const isChatVisible = useRecoilValue(isChatVisibleSelector); const [isMobile, setIsMobile] = useRecoilState(isMobileAtom); - const messages = useRecoilValue(chatMessagesAtom); + // const messages = useRecoilValue(chatMessagesAtom); const online = useRecoilValue(isOnlineSelector); - const chatDisplayName = useRecoilValue(chatDisplayNameAtom); - const chatUserId = useRecoilValue(chatUserIdAtom); + // const chatDisplayName = useRecoilValue(chatDisplayNameAtom); + // const chatUserId = useRecoilValue(chatUserIdAtom); const { viewerCount, lastConnectTime, lastDisconnectTime, streamTitle } = useRecoilValue(serverStatusState); const { @@ -151,6 +151,8 @@ export default function ContentComponent() { + +
-
-
{isChatVisible && isMobile && ( -
+ {/*
-
+
*/}
)}