cb735c9439
* Add an element_call_url config option * Add a labs flag for Element Call video rooms * Add Element Call as another video rooms backend * Consolidate event power level defaults * Remember to clean up participantsExpirationTimer * Fix a code smell * Test the clean method * Fix some strict mode errors * Test that clean still works when there are no state events * Test auto-approval of Element Call widget capabilities * Deduplicate some code to placate SonarCloud * Fix more strict mode errors * Test that calls disconnect when leaving the room * Test the get methods of JitsiCall and ElementCall more * Test Call.ts even more * Test creation of Element video rooms * Test that createRoom works for non-video-rooms * Test Call's get method rather than the methods of derived classes * Ensure that the clean method is able to preserve devices * Remove duplicate clean method * Fix lints * Fix some strict mode errors in RoomPreviewCard * Test RoomPreviewCard changes * Quick and dirty hotfix for the community testing session * Revert "Quick and dirty hotfix for the community testing session" This reverts commit 37056514fbc040aaf1bff2539da770a1c8ba72a2. * Fix the event schema for org.matrix.msc3401.call.member devices * Remove org.matrix.call_duplicate_session from Element Call capabilities It's no longer used by Element Call when running as a widget. * Replace element_call_url with a map * Make PiPs work for virtual widgets * Auto-approve room timeline capability Because Element Call uses this now * Create a reusable isVideoRoom util
91 lines
3.5 KiB
TypeScript
91 lines
3.5 KiB
TypeScript
/*
|
|
Copyright 2022 The Matrix.org Foundation C.I.C.
|
|
|
|
Licensed under the Apache License, Version 2.0 (the "License");
|
|
you may not use this file except in compliance with the License.
|
|
You may obtain a copy of the License at
|
|
|
|
http://www.apache.org/licenses/LICENSE-2.0
|
|
|
|
Unless required by applicable law or agreed to in writing, software
|
|
distributed under the License is distributed on an "AS IS" BASIS,
|
|
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
See the License for the specific language governing permissions and
|
|
limitations under the License.
|
|
*/
|
|
|
|
import React, { FC } from "react";
|
|
import { Room } from "matrix-js-sdk/src/models/room";
|
|
import { JoinRule } from "matrix-js-sdk/src/@types/partials";
|
|
|
|
import { _t } from "../../../languageHandler";
|
|
import RightPanelStore from "../../../stores/right-panel/RightPanelStore";
|
|
import { RightPanelPhases } from "../../../stores/right-panel/RightPanelStorePhases";
|
|
import { useAsyncMemo } from "../../../hooks/useAsyncMemo";
|
|
import { useRoomState } from "../../../hooks/useRoomState";
|
|
import { useFeatureEnabled } from "../../../hooks/useSettings";
|
|
import { useRoomMemberCount, useMyRoomMembership } from "../../../hooks/useRoomMembers";
|
|
import AccessibleButton from "../elements/AccessibleButton";
|
|
|
|
interface IProps {
|
|
room: Room;
|
|
}
|
|
|
|
const RoomInfoLine: FC<IProps> = ({ room }) => {
|
|
// summary will begin as undefined whilst loading and go null if it fails to load or we are not invited.
|
|
const summary = useAsyncMemo(async () => {
|
|
if (room.getMyMembership() !== "invite") return null;
|
|
try {
|
|
return room.client.getRoomSummary(room.roomId);
|
|
} catch (e) {
|
|
return null;
|
|
}
|
|
}, [room]);
|
|
const joinRule = useRoomState(room, state => state.getJoinRule());
|
|
const membership = useMyRoomMembership(room);
|
|
const memberCount = useRoomMemberCount(room);
|
|
|
|
const elementCallVideoRoomsEnabled = useFeatureEnabled("feature_element_call_video_rooms");
|
|
const isVideoRoom = room.isElementVideoRoom() || (elementCallVideoRoomsEnabled && room.isCallRoom());
|
|
|
|
let iconClass: string;
|
|
let roomType: string;
|
|
if (isVideoRoom) {
|
|
iconClass = "mx_RoomInfoLine_video";
|
|
roomType = _t("Video room");
|
|
} else if (joinRule === JoinRule.Public) {
|
|
iconClass = "mx_RoomInfoLine_public";
|
|
roomType = room.isSpaceRoom() ? _t("Public space") : _t("Public room");
|
|
} else {
|
|
iconClass = "mx_RoomInfoLine_private";
|
|
roomType = room.isSpaceRoom() ? _t("Private space") : _t("Private room");
|
|
}
|
|
|
|
let members: JSX.Element;
|
|
if (membership === "invite" && summary) {
|
|
// Don't trust local state and instead use the summary API
|
|
members = <span className="mx_RoomInfoLine_members">
|
|
{ _t("%(count)s members", { count: summary.num_joined_members }) }
|
|
</span>;
|
|
} else if (memberCount && summary !== undefined) { // summary is not still loading
|
|
const viewMembers = () => RightPanelStore.instance.setCard({
|
|
phase: room.isSpaceRoom() ? RightPanelPhases.SpaceMemberList : RightPanelPhases.RoomMemberList,
|
|
});
|
|
|
|
members = <AccessibleButton
|
|
kind="link"
|
|
className="mx_RoomInfoLine_members"
|
|
onClick={viewMembers}
|
|
>
|
|
{ _t("%(count)s members", { count: memberCount }) }
|
|
</AccessibleButton>;
|
|
}
|
|
|
|
return <div className={`mx_RoomInfoLine ${iconClass}`}>
|
|
{ roomType }
|
|
{ members }
|
|
</div>;
|
|
};
|
|
|
|
export default RoomInfoLine;
|