{ clearButton }
@@ -168,11 +186,7 @@ const TagPanel = createReactClass({
{ this.renderGlobalIcon() }
{ tags }
diff --git a/src/components/views/dialogs/CommunityPrototypeInviteDialog.tsx b/src/components/views/dialogs/CommunityPrototypeInviteDialog.tsx
new file mode 100644
index 0000000000..7a500cd053
--- /dev/null
+++ b/src/components/views/dialogs/CommunityPrototypeInviteDialog.tsx
@@ -0,0 +1,252 @@
+/*
+Copyright 2020 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, { ChangeEvent, FormEvent } from 'react';
+import BaseDialog from "./BaseDialog";
+import { _t } from "../../../languageHandler";
+import { IDialogProps } from "./IDialogProps";
+import Field from "../elements/Field";
+import AccessibleButton from "../elements/AccessibleButton";
+import { MatrixClientPeg } from "../../../MatrixClientPeg";
+import InfoTooltip from "../elements/InfoTooltip";
+import dis from "../../../dispatcher/dispatcher";
+import {showCommunityRoomInviteDialog} from "../../../RoomInvite";
+import { arrayFastClone } from "../../../utils/arrays";
+import SdkConfig from "../../../SdkConfig";
+import { RoomMember } from "matrix-js-sdk/src/models/room-member";
+import InviteDialog from "./InviteDialog";
+import BaseAvatar from "../avatars/BaseAvatar";
+import {getHttpUriForMxc} from "matrix-js-sdk/src/content-repo";
+import {inviteMultipleToRoom, showAnyInviteErrors} from "../../../RoomInvite";
+import {humanizeTime} from "../../../utils/humanize";
+import StyledCheckbox from "../elements/StyledCheckbox";
+import Modal from "../../../Modal";
+import ErrorDialog from "./ErrorDialog";
+
+interface IProps extends IDialogProps {
+ roomId: string;
+ communityName: string;
+}
+
+interface IPerson {
+ userId: string;
+ user: RoomMember;
+ lastActive: number;
+}
+
+interface IState {
+ emailTargets: string[];
+ userTargets: string[];
+ showPeople: boolean;
+ people: IPerson[];
+ numPeople: number;
+ busy: boolean;
+}
+
+export default class CommunityPrototypeInviteDialog extends React.PureComponent
-
{ provided.placeholder }
+ this.setPersonToggle(person, e.target.checked)} />
+
+ );
+ }
+
+ private onShowMorePeople = () => {
+ this.setState({numPeople: this.state.numPeople + 5}); // arbitrary increase
+ };
+
+ public render() {
+ const emailAddresses = [];
+ this.state.emailTargets.forEach((address, i) => {
+ emailAddresses.push(
+
+ {person.user.name}
+ {person.userId}
+
+
+ {_t("People you know on %(brand)s", {brand: SdkConfig.get().brand})}
+
+ {this.state.showPeople ? _t("Hide") : _t("Show")}
+
+
+ );
+ }
+
+ let buttonText = _t("Skip");
+ const targetCount = this.state.userTargets.length + this.state.emailTargets.length;
+ if (targetCount > 0) {
+ buttonText = _t("Send %(count)s invites", {count: targetCount});
+ }
+
+ return (
+
+
+ {children}
+ {tip}
+
+ );
+ }
+}
diff --git a/src/i18n/strings/en_EN.json b/src/i18n/strings/en_EN.json
index c12b57c033..f3cd1d80b7 100644
--- a/src/i18n/strings/en_EN.json
+++ b/src/i18n/strings/en_EN.json
@@ -1484,6 +1484,7 @@
"Rotate Right": "Rotate Right",
"Rotate clockwise": "Rotate clockwise",
"Download this file": "Download this file",
+ "Information": "Information",
"Language Dropdown": "Language Dropdown",
"Manage Integrations": "Manage Integrations",
"%(nameList)s %(transitionList)s": "%(nameList)s %(transitionList)s",
@@ -1597,6 +1598,15 @@
"Unable to load commit detail: %(msg)s": "Unable to load commit detail: %(msg)s",
"Unavailable": "Unavailable",
"Changelog": "Changelog",
+ "Email address": "Email address",
+ "Add another email": "Add another email",
+ "People you know on %(brand)s": "People you know on %(brand)s",
+ "Hide": "Hide",
+ "Show": "Show",
+ "Skip": "Skip",
+ "Send %(count)s invites|other": "Send %(count)s invites",
+ "Send %(count)s invites|one": "Send %(count)s invite",
+ "Invite people to join %(communityName)s": "Invite people to join %(communityName)s",
"You cannot delete this message. (%(code)s)": "You cannot delete this message. (%(code)s)",
"Removing…": "Removing…",
"Destroy cross-signing keys?": "Destroy cross-signing keys?",
@@ -1607,6 +1617,15 @@
"Clear all data in this session?": "Clear all data in this session?",
"Clearing all data from this session is permanent. Encrypted messages will be lost unless their keys have been backed up.": "Clearing all data from this session is permanent. Encrypted messages will be lost unless their keys have been backed up.",
"Clear all data": "Clear all data",
+ "There was an error creating your community. The name may be taken or the server is unable to process your request.": "There was an error creating your community. The name may be taken or the server is unable to process your request.",
+ "Community ID: +