Differential D7967 Diff 27051 native/community-creation/community-configuration.react.js

Changeset View

Standalone View

native/community-creation/community-configuration.react.js

Show First 20 Lines • Show All 60 Lines • ▼ Show 20 Lines	<RegistrationContainer>
</View>		</View>
<ThreadSettingsCategoryFooter type="full" />		<ThreadSettingsCategoryFooter type="full" />

<View style={styles.communityNameNoticeContainer}>		<View style={styles.communityNameNoticeContainer}>
<Text style={styles.communityNameNoticeText}>		<Text style={styles.communityNameNoticeText}>
You may edit your community’s image and name later.		You may edit your community’s image and name later.
</Text>		</Text>
</View>		</View>

		<ThreadSettingsCategoryHeader type="full" title="OPTIONAL SETTINGS" />
		<View style={styles.enumCell}>
		<View style={styles.enumIcon}>
		<CommIcon name="megaphone" size={24} color={colors.purpleButton} />
		</View>
		<View style={styles.enumInfoContainer}>
		<Text style={styles.enumInfoName}>Announcement root</Text>
		<Text style={styles.enumInfoDescription}>
		Make it so that only admins can post to the root channel of the
		community.
		</Text>
		</View>
		<View style={styles.enumCheckBoxContainer}>
		<View style={styles.enumCheckBox}></View>
		</View>
		</View>
		<ThreadSettingsCategoryFooter type="full" />
</RegistrationContentContainer>		</RegistrationContentContainer>
</RegistrationContainer>		</RegistrationContainer>
);		);
}		}

const unboundStyles = {		const unboundStyles = {
keyserverRowContainer: {		keyserverRowContainer: {
flexDirection: 'row',		flexDirection: 'row',
Show All 37 Lines	const unboundStyles = {
communityNameNoticeContainer: {		communityNameNoticeContainer: {
display: 'flex',		display: 'flex',
flexDirection: 'row',		flexDirection: 'row',
justifyContent: 'center',		justifyContent: 'center',
},		},
communityNameNoticeText: {		communityNameNoticeText: {
color: 'panelForegroundTertiaryLabel',		color: 'panelForegroundTertiaryLabel',
},		},
		enumCell: {
		flexDirection: 'row',
		height: 96,
		backgroundColor: 'panelForeground',
		},
		enumIcon: {
		padding: 16,
		},
		enumInfoContainer: {
		flex: 1,
		flexDirection: 'column',
		justifyContent: 'space-evenly',
		padding: 8,
		},
		enumInfoName: {
		color: 'panelForegroundLabel',
		fontSize: 18,
		lineHeight: 24,
		},
		enumInfoDescription: {
		color: 'panelForegroundSecondaryLabel',
		lineHeight: 18,
		},
		enumCheckBoxContainer: {
		padding: 22,
		justifyContent: 'center',
		alignItems: 'center',
		},
		enumCheckBox: {
		height: 32,
		width: 32,
		borderRadius: 3.5,
		borderWidth: 1,
		borderColor: 'panelSecondaryForegroundBorder',
		},
};		};

export default CommunityConfiguration;		export default CommunityConfiguration;