daily-examples/dailyjs/text-chat/components/ChatAside/ChatAside.js

20 lines
471 B
JavaScript

import React from 'react';
import Aside from '@dailyjs/shared/components/Aside';
import { useUIState } from '@dailyjs/shared/contexts/UIStateProvider';
export const CHAT_ASIDE = 'chat';
export const ChatAside = () => {
const { showAside, setShowAside } = useUIState();
if (!showAside || showAside !== CHAT_ASIDE) {
return null;
}
return (
<Aside onClose={() => setShowAside(false)}>Hello I am teh chat aside</Aside>
);
};
export default ChatAside;