108 lines
4.1 KiB
TypeScript
108 lines
4.1 KiB
TypeScript
/*
|
|
Copyright 2021 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, { useMemo, useState } 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 DialogButtons from "../elements/DialogButtons";
|
|
import BaseDialog from "../dialogs/BaseDialog";
|
|
import SpaceStore from "../../../stores/SpaceStore";
|
|
import SpaceChildrenPicker from "../spaces/SpaceChildrenPicker";
|
|
|
|
interface IProps {
|
|
space: Room;
|
|
onFinished(leave: boolean, rooms?: Room[]): void;
|
|
}
|
|
|
|
const isOnlyAdmin = (room: Room): boolean => {
|
|
const userId = room.client.getUserId();
|
|
if (room.getMember(userId).powerLevelNorm !== 100) {
|
|
return false; // user is not an admin
|
|
}
|
|
return room.getJoinedMembers().every(member => {
|
|
// return true if every other member has a lower power level (we are highest)
|
|
return member.userId === userId || member.powerLevelNorm < 100;
|
|
});
|
|
};
|
|
|
|
const LeaveSpaceDialog: React.FC<IProps> = ({ space, onFinished }) => {
|
|
const spaceChildren = useMemo(() => SpaceStore.instance.getChildren(space.roomId), [space.roomId]);
|
|
const [roomsToLeave, setRoomsToLeave] = useState<Room[]>([]);
|
|
const selectedRooms = useMemo(() => new Set(roomsToLeave), [roomsToLeave]);
|
|
|
|
let rejoinWarning;
|
|
if (space.getJoinRule() !== JoinRule.Public) {
|
|
rejoinWarning = _t("You won't be able to rejoin unless you are re-invited.");
|
|
}
|
|
|
|
let onlyAdminWarning;
|
|
if (isOnlyAdmin(space)) {
|
|
onlyAdminWarning = _t("You're the only admin of this space. " +
|
|
"Leaving it will mean no one has control over it.");
|
|
} else {
|
|
const numChildrenOnlyAdminIn = roomsToLeave.filter(isOnlyAdmin).length;
|
|
if (numChildrenOnlyAdminIn > 0) {
|
|
onlyAdminWarning = _t("You're the only admin of some of the rooms or spaces you wish to leave. " +
|
|
"Leaving them will leave them without any admins.");
|
|
}
|
|
}
|
|
|
|
return <BaseDialog
|
|
title={_t("Leave %(spaceName)s", { spaceName: space.name })}
|
|
className="mx_LeaveSpaceDialog"
|
|
contentId="mx_LeaveSpaceDialog"
|
|
onFinished={() => onFinished(false)}
|
|
fixedWidth={false}
|
|
>
|
|
<div className="mx_Dialog_content" id="mx_LeaveSpaceDialog">
|
|
<p>
|
|
{ _t("You are about to leave <spaceName/>.", {}, {
|
|
spaceName: () => <b>{ space.name }</b>,
|
|
}) }
|
|
|
|
{ rejoinWarning }
|
|
{ rejoinWarning && (<> </>) }
|
|
{ spaceChildren.length > 0 && _t("Would you like to leave the rooms in this space?") }
|
|
</p>
|
|
|
|
{ spaceChildren.length > 0 && (
|
|
<SpaceChildrenPicker
|
|
space={space}
|
|
spaceChildren={spaceChildren}
|
|
selected={selectedRooms}
|
|
onChange={setRoomsToLeave}
|
|
noneLabel={_t("Don't leave any rooms")}
|
|
allLabel={_t("Leave all rooms")}
|
|
specificLabel={_t("Leave some rooms")}
|
|
/>
|
|
) }
|
|
|
|
{ onlyAdminWarning && <div className="mx_LeaveSpaceDialog_section_warning">
|
|
{ onlyAdminWarning }
|
|
</div> }
|
|
</div>
|
|
<DialogButtons
|
|
primaryButton={_t("Leave space")}
|
|
onPrimaryButtonClick={() => onFinished(true, roomsToLeave)}
|
|
hasCancel={true}
|
|
onCancel={onFinished}
|
|
/>
|
|
</BaseDialog>;
|
|
};
|
|
|
|
export default LeaveSpaceDialog;
|