93 lines
3.2 KiB
TypeScript
93 lines
3.2 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, { ComponentProps, useMemo, useState } from 'react';
|
||
import ConfirmUserActionDialog from "./ConfirmUserActionDialog";
|
||
import SpaceStore from "../../../stores/SpaceStore";
|
||
import { Room } from "matrix-js-sdk/src/models/room";
|
||
import SpaceChildrenPicker from "../spaces/SpaceChildrenPicker";
|
||
import { _t } from '../../../languageHandler';
|
||
|
||
type BaseProps = ComponentProps<typeof ConfirmUserActionDialog>;
|
||
interface IProps extends Omit<BaseProps, "groupMember" | "matrixClient" | "children" | "onFinished"> {
|
||
space: Room;
|
||
allLabel: string;
|
||
specificLabel: string;
|
||
noneLabel?: string;
|
||
warningMessage?: string;
|
||
onFinished(success: boolean, reason?: string, rooms?: Room[]): void;
|
||
spaceChildFilter?(child: Room): boolean;
|
||
}
|
||
|
||
const ConfirmSpaceUserActionDialog: React.FC<IProps> = ({
|
||
space,
|
||
spaceChildFilter,
|
||
allLabel,
|
||
specificLabel,
|
||
noneLabel,
|
||
warningMessage,
|
||
onFinished,
|
||
...props
|
||
}) => {
|
||
const spaceChildren = useMemo(() => {
|
||
const children = SpaceStore.instance.getChildren(space.roomId);
|
||
if (spaceChildFilter) {
|
||
return children.filter(spaceChildFilter);
|
||
}
|
||
return children;
|
||
}, [space.roomId, spaceChildFilter]);
|
||
|
||
const [roomsToLeave, setRoomsToLeave] = useState<Room[]>([]);
|
||
const selectedRooms = useMemo(() => new Set(roomsToLeave), [roomsToLeave]);
|
||
|
||
let warning: JSX.Element;
|
||
if (!spaceChildren.length) {
|
||
warning = <div className="mx_ConfirmSpaceUserActionDialog_warning">
|
||
{ _t("You’re not an admin of anything they’re a member of in <SpaceName/>, " +
|
||
"so banning won’t remove them from any rooms or spaces in <SpaceName/>.", {}, {
|
||
SpaceName: () => <b>{ space.name }</b>,
|
||
}) }
|
||
</div>;
|
||
} else if (warningMessage) {
|
||
warning = <div className="mx_ConfirmSpaceUserActionDialog_warning">
|
||
{ warningMessage }
|
||
</div>;
|
||
}
|
||
|
||
return (
|
||
<ConfirmUserActionDialog
|
||
{...props}
|
||
onFinished={(success: boolean, reason?: string) => {
|
||
onFinished(success, reason, roomsToLeave);
|
||
}}
|
||
className="mx_ConfirmSpaceUserActionDialog"
|
||
>
|
||
{ warning }
|
||
<SpaceChildrenPicker
|
||
space={space}
|
||
spaceChildren={spaceChildren}
|
||
selected={selectedRooms}
|
||
allLabel={allLabel}
|
||
specificLabel={specificLabel}
|
||
noneLabel={noneLabel}
|
||
onChange={setRoomsToLeave}
|
||
/>
|
||
</ConfirmUserActionDialog>
|
||
);
|
||
};
|
||
|
||
export default ConfirmSpaceUserActionDialog;
|