LogalDeveloper/owncast
0
Fork 0
Code Activity

Fix some React lifecycle and rendering errors that exist in build

Browse Source
This commit is contained in:
Gabe Kangas
2023-01-10 16:39:12 -08:00
parent e9d43492d0
commit d8a5380b7f
16 changed files with 85 additions and 102 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
web/components/ui/Sidebar/Sidebar.tsx
View File

@@ -8,16 +8,18 @@ import styles from './Sidebar.module.scss';
import { currentUserAtom, visibleChatMessagesSelector } from '../../stores/ClientConfigStore';
// Lazy loaded components
const ChatContainer = dynamic(() =>
import('../../chat/ChatContainer/ChatContainer').then(mod => mod.ChatContainer),
const ChatContainer = dynamic(
() => import('../../chat/ChatContainer/ChatContainer').then(mod => mod.ChatContainer),
{
ssr: false,
},
);
export const Sidebar: FC = () => {
const currentUser = useRecoilValue(currentUserAtom);
const messages = useRecoilValue<ChatMessage[]>(visibleChatMessagesSelector);
if (!currentUser) {
return null;
return <Sider className={styles.root} collapsedWidth={0} width={320} />;
}
const { id, isModerator, displayName } = currentUser;