93 lines
3.6 KiB
TypeScript
93 lines
3.6 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, JoinRule, MatrixClient } from "matrix-js-sdk/src/matrix";
|
|
|
|
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 (): Promise<Awaited<ReturnType<MatrixClient["getRoomSummary"]>> | null> => {
|
|
if (room.getMyMembership() !== "invite") return null;
|
|
try {
|
|
return await 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("common|video_room");
|
|
} else if (joinRule === JoinRule.Public) {
|
|
iconClass = "mx_RoomInfoLine_public";
|
|
roomType = room.isSpaceRoom() ? _t("common|public_space") : _t("common|public_room");
|
|
} else {
|
|
iconClass = "mx_RoomInfoLine_private";
|
|
roomType = room.isSpaceRoom() ? _t("common|private_space") : _t("common|private_room");
|
|
}
|
|
|
|
let members: JSX.Element | undefined;
|
|
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 = (): void =>
|
|
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;
|