Differential D7893 Diff 26798 web/sidebar/community-creation/community-creation-modal.react.js

Changeset View

Standalone View

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

Show All 25 Lines
import Modal from '../../modals/modal.react.js';		import Modal from '../../modals/modal.react.js';
import { updateNavInfoActionType } from '../../redux/action-types.js';		import { updateNavInfoActionType } from '../../redux/action-types.js';
import { useSelector } from '../../redux/redux-utils.js';		import { useSelector } from '../../redux/redux-utils.js';
import { nonThreadCalendarQuery } from '../../selectors/nav-selectors.js';		import { nonThreadCalendarQuery } from '../../selectors/nav-selectors.js';

const announcementStatements = [		const announcementStatements = [
{		{
statement:		statement:
`This option sets the community's root channel to an ` +		`This option sets the community’s root channel to an ` +
`announcement channel. Only admins and other admin-appointed ` +		`announcement channel. Only admins and other admin-appointed ` +
`roles can send messages in an announcement channel.`,		`roles can send messages in an announcement channel.`,
isStatementValid: true,		isStatementValid: true,
styleStatementBasedOnValidity: false,		styleStatementBasedOnValidity: false,
},		},
];		];

const createNewCommunityLoadingStatusSelector =		const createNewCommunityLoadingStatusSelector =
▲ Show 20 Lines • Show All 123 Lines • ▼ Show 20 Lines	>
type="text"		type="text"
value={pendingCommunityName}		value={pendingCommunityName}
placeholder="Community Name"		placeholder="Community Name"
onChange={onChangePendingCommunityName}		onChange={onChangePendingCommunityName}
/>		/>
</div>		</div>
</div>		</div>
<div className={css.formNotice}>		<div className={css.formNotice}>
You may edit your community's image and name later.		You may edit your community’s image and name later.
</div>		</div>
<hr />		<hr />
<div className={css.optionalSettingsContainer}>		<div className={css.optionalSettingsContainer}>
<div className={css.optionalSettingsLabel}>Optional settings</div>		<div className={css.optionalSettingsLabel}>Optional settings</div>
<EnumSettingsOption		<EnumSettingsOption
selected={announcementSetting}		selected={announcementSetting}
onSelect={onAnnouncementSelected}		onSelect={onAnnouncementSelected}
icon={megaphoneIcon}		icon={megaphoneIcon}
Show All 26 Lines