Add toggleable chat drawer in call
During a call, the chat button is enabled and lets the user open the
chat drawer.
GitLab: #177
Change-Id: I7a2ae09fca5af904c3280bc948a2d36135c1c63d
diff --git a/client/src/components/ConversationView.tsx b/client/src/components/ConversationView.tsx
index 52215e8..064efcf 100644
--- a/client/src/components/ConversationView.tsx
+++ b/client/src/components/ConversationView.tsx
@@ -16,7 +16,7 @@
* <https://www.gnu.org/licenses/>.
*/
import { Divider, Stack, Typography } from '@mui/material';
-import { Account, ConversationMember } from 'jami-web-common';
+import { ConversationMember } from 'jami-web-common';
import { useContext, useMemo } from 'react';
import { useTranslation } from 'react-i18next';
@@ -28,38 +28,28 @@
import { AddParticipantButton, ShowOptionsMenuButton, StartAudioCallButton, StartVideoCallButton } from './Button';
const ConversationView = () => {
- const { account } = useAuthContext();
- const { conversationId, conversation } = useContext(ConversationContext);
-
return (
<Stack flexGrow={1} height="100%">
- <ConversationHeader
- account={account}
- members={conversation.getMembers()}
- adminTitle={conversation.infos.title as string}
- conversationId={conversationId}
- />
+ <ConversationHeader />
<Divider
sx={{
borderTop: '1px solid #E5E5E5',
}}
/>
- <ChatInterface conversationId={conversationId} members={conversation.getMembers()} />
+ <ChatInterface />
</Stack>
);
};
-type ConversationHeaderProps = {
- account: Account;
- conversationId: string;
- members: ConversationMember[];
- adminTitle: string | undefined;
-};
-
-const ConversationHeader = ({ account, members, adminTitle }: ConversationHeaderProps) => {
+const ConversationHeader = () => {
+ const { account } = useAuthContext();
+ const { conversation } = useContext(ConversationContext);
const { t } = useTranslation();
const { conversationId } = useContext(ConversationContext);
+ const members = conversation.getMembers();
+ const adminTitle = conversation.infos.title as string;
+
const title = useMemo(() => {
if (adminTitle) {
return adminTitle;