michael/cinny
1
0
Fork 0
Code Issues 8 Pull requests Projects Releases Packages Wiki Activity

Print room and space name on header

Browse source
This commit is contained in:
IceDBorn 2023-03-24 11:15:21 +02:00
parent 73374938f5
commit 79fcd7eea8
1 changed files with 5 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

9
src/app/organisms/room/JitsiRoom.jsx
View file

@ -1,22 +1,22 @@
import React, { useState, useEffect, useRef } from 'react'; import React, { useState, useEffect, useRef } from 'react';
import './JitsiRoom.scss'; import './JitsiRoom.scss';
import { JitsiMeeting } from '@jitsi/react-sdk'; import { JitsiMeeting } from '@jitsi/react-sdk';
import SearchIC from '../../../../public/res/ic/filled/hangup_call.svg';
import Draggable from 'react-draggable'; import Draggable from 'react-draggable';
import SearchIC from '../../../../public/res/ic/filled/hangup_call.svg';
import { openNavigation } from '../../../client/action/navigation';
import initMatrix from '../../../client/initMatrix'; import initMatrix from '../../../client/initMatrix';
import cons from '../../../client/state/cons'; import cons from '../../../client/state/cons';
import RoomTimeline from '../../../client/state/RoomTimeline'; import RoomTimeline from '../../../client/state/RoomTimeline';
import navigation from '../../../client/state/navigation'; import navigation from '../../../client/state/navigation';
import { openNavigation } from '../../../client/action/navigation';
import { getUsername } from '../../../util/matrixUtil'; import { getUsername } from '../../../util/matrixUtil';
import Button from '../../atoms/button/Button'; import Button from '../../atoms/button/Button';
import { useSelectedSpace } from '../../hooks/useSelectedSpace';
const TOPIC_JITSI_CALL = 'd38dd491fefa1cfffc27f9c57f2bdb4a' const TOPIC_JITSI_CALL = 'd38dd491fefa1cfffc27f9c57f2bdb4a'
function JitsiRoom({ isJitsiRoom, setIsJitsiRoom }) { function JitsiRoom({ isJitsiRoom, setIsJitsiRoom }) {
const [jitsiCallId, setJitsiCallId] = useState(null); const [jitsiCallId, setJitsiCallId] = useState(null);
const [roomInfo, setRoomInfo] = useState({ const [roomInfo, setRoomInfo] = useState({
roomTimeline: null, roomTimeline: null,
eventId: null, eventId: null,
@ -26,6 +26,7 @@ function JitsiRoom({ isJitsiRoom, setIsJitsiRoom }) {
const openerRef = useRef(null); const openerRef = useRef(null);
const mx = initMatrix.matrixClient; const mx = initMatrix.matrixClient;
const spaceName = mx.getRoom(useSelectedSpace())?.name;
useEffect(() => { useEffect(() => {
const handleRoomSelected = (rId, pRoomId, eId) => { const handleRoomSelected = (rId, pRoomId, eId) => {
@ -72,7 +73,7 @@ function JitsiRoom({ isJitsiRoom, setIsJitsiRoom }) {
<Draggable disabled={isJitsiRoom}> <Draggable disabled={isJitsiRoom}>
<div className="call"> <div className="call">
<div className={isJitsiRoom ? 'call_header' : 'call_header pip_header'} ref={openerRef}> <div className={isJitsiRoom ? 'call_header' : 'call_header pip_header'} ref={openerRef}>
{roomName} {roomName} / {spaceName}
<div className="call_buttons"> <div className="call_buttons">
<Button <Button
onClick={() => { onClick={() => {