Differential D7894 Diff 26713 web/sidebar/community-creation/community-creation-members-modal.react.js

Changeset View

Standalone View

web/sidebar/community-creation/community-creation-members-modal.react.js

	// @flow			// @flow

	import * as React from 'react';			import * as React from 'react';

				import CommunityCreationKeyserverLabel from './community-creation-keyserver-label.react.js';
	import css from './community-creation-members-modal.css';			import css from './community-creation-members-modal.css';
	import CommIcon from '../../CommIcon.react.js';
	import Search from '../../components/search.react.js';			import Search from '../../components/search.react.js';
	import Modal from '../../modals/modal.react.js';			import Modal from '../../modals/modal.react.js';
	import { AddMembersModalContent } from '../../modals/threads/members/add-members-modal.react.js';			import { AddMembersModalContent } from '../../modals/threads/members/add-members-modal.react.js';

	type Props = {			type Props = {
	+threadID: string,			+threadID: string,
	+onClose: () => void,			+onClose: () => void,
	};			};
	function CommunityCreationMembersModal(props: Props): React.Node {			function CommunityCreationMembersModal(props: Props): React.Node {
	const { threadID, onClose } = props;			const { threadID, onClose } = props;
	const [searchText, setSearchText] = React.useState('');			const [searchText, setSearchText] = React.useState('');

	return (			return (
	<Modal			<Modal
	name="Add members to the community"			name="Add members to the community"
	subtitle="You may also add members later"			subtitle="You may also add members later"
	onClose={onClose}			onClose={onClose}
	size="large"			size="large"
	>			>
	<div className={css.ancestryContainer}>			<CommunityCreationKeyserverLabel />
	<p>within</p>
	<div className={css.keyserverContainer}>
	<CommIcon icon="cloud-filled" size={18} color="white" />
	<div className={css.keyserverName}>ashoat</div>
	</div>
	</div>
	<div className={css.container}>			<div className={css.container}>
	<Search			<Search
	onChangeText={setSearchText}			onChangeText={setSearchText}
	searchText={searchText}			searchText={searchText}
	placeholder="Search members"			placeholder="Search members"
	/>			/>
	<AddMembersModalContent			<AddMembersModalContent
	searchText={searchText}			searchText={searchText}
	Show All 9 Lines