diff --git a/public/res/ic/filled/hangup_call.svg b/public/res/ic/filled/hangup_call.svg
new file mode 100644
index 00000000..d81eaf55
--- /dev/null
+++ b/public/res/ic/filled/hangup_call.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/src/app/organisms/room/JitsiRoom.jsx b/src/app/organisms/room/JitsiRoom.jsx
index 3a10bbb4..03ed32d8 100644
--- a/src/app/organisms/room/JitsiRoom.jsx
+++ b/src/app/organisms/room/JitsiRoom.jsx
@@ -1,6 +1,7 @@
import React, { useState, useEffect, useRef } from 'react';
-import './Room.scss';
+import './JitsiRoom.scss';
import { JitsiMeeting } from '@jitsi/react-sdk';
+import SearchIC from '../../../../public/res/ic/filled/hangup_call.svg';
import initMatrix from '../../../client/initMatrix';
import cons from '../../../client/state/cons';
@@ -69,72 +70,79 @@ function JitsiRoom({ setIsJitsiRoom }) {
{roomName}
-
-
-
+ {
- // here you can attach custom event listeners to the Jitsi Meet External API
- // you can also store it locally to execute commands
- }}
- />
+ resolution: 1080,
+ }}
+ interfaceConfigOverwrite={{
+ DISABLE_JOIN_LEAVE_NOTIFICATIONS: true,
+ }}
+ userInfo={{
+ displayName: getUsername(mx.getUserId()),
+ }}
+ onApiReady={(externalApi) => {
+ // here you can attach custom event listeners to the Jitsi Meet External API
+ // you can also store it locally to execute commands
+ }}
+ getIFrameRef={(iframeRef) => {
+ iframeRef.style.height = '96%';
+ }}
+ />
+
+