69ee8fd96a
* Add commercial licence and update config files
* Update license in headers
* Revert "Update license in headers"
This reverts commit 7ed7949485.
* Update only spdx id
* Remove LicenseRef- from package.json
LicenseRef- no longer allowed in npm v3 package.json
This fixes the warning in the logs and failing build check.
82 lines
2.2 KiB
TypeScript
82 lines
2.2 KiB
TypeScript
/*
|
|
Copyright 2024 New Vector Ltd.
|
|
Copyright 2021 The Matrix.org Foundation C.I.C.
|
|
|
|
SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only OR LicenseRef-Element-Commercial
|
|
Please see LICENSE files in the repository root for full details.
|
|
*/
|
|
|
|
import React, { ReactElement } from "react";
|
|
import { JoinRule } from "matrix-js-sdk/src/matrix";
|
|
|
|
import Dropdown from "./Dropdown";
|
|
import { NonEmptyArray } from "../../../@types/common";
|
|
import { Icon as AskToJoinIcon } from "../../../../res/img/element-icons/ask-to-join.svg";
|
|
|
|
interface IProps {
|
|
value: JoinRule;
|
|
label: string;
|
|
width?: number;
|
|
labelInvite: string;
|
|
labelKnock?: string;
|
|
labelPublic: string;
|
|
labelRestricted?: string; // if omitted then this option will be hidden, e.g if unsupported
|
|
onChange(value: JoinRule): void;
|
|
}
|
|
|
|
const JoinRuleDropdown: React.FC<IProps> = ({
|
|
label,
|
|
labelInvite,
|
|
labelKnock,
|
|
labelPublic,
|
|
labelRestricted,
|
|
value,
|
|
width = 448,
|
|
onChange,
|
|
}) => {
|
|
const options = [
|
|
<div key={JoinRule.Invite} className="mx_JoinRuleDropdown_invite">
|
|
{labelInvite}
|
|
</div>,
|
|
<div key={JoinRule.Public} className="mx_JoinRuleDropdown_public">
|
|
{labelPublic}
|
|
</div>,
|
|
] as NonEmptyArray<ReactElement & { key: string }>;
|
|
|
|
if (labelKnock) {
|
|
options.unshift(
|
|
(
|
|
<div key={JoinRule.Knock} className="mx_JoinRuleDropdown_knock">
|
|
<AskToJoinIcon className="mx_Icon mx_Icon_16 mx_JoinRuleDropdown_icon" />
|
|
{labelKnock}
|
|
</div>
|
|
) as ReactElement & { key: string },
|
|
);
|
|
}
|
|
|
|
if (labelRestricted) {
|
|
options.unshift(
|
|
(
|
|
<div key={JoinRule.Restricted} className="mx_JoinRuleDropdown_restricted">
|
|
{labelRestricted}
|
|
</div>
|
|
) as ReactElement & { key: string },
|
|
);
|
|
}
|
|
|
|
return (
|
|
<Dropdown
|
|
id="mx_JoinRuleDropdown"
|
|
className="mx_JoinRuleDropdown"
|
|
onOptionChange={onChange}
|
|
menuWidth={width}
|
|
value={value}
|
|
label={label}
|
|
>
|
|
{options}
|
|
</Dropdown>
|
|
);
|
|
};
|
|
|
|
export default JoinRuleDropdown;
|