Differential D7953 Diff 27002 native/community-creation/community-configuration.react.js

Changeset View

Standalone View

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

Show All 40 Lines	<RegistrationContainer>
<View style={styles.keyserverRowContainer}>		<View style={styles.keyserverRowContainer}>
<Text style={styles.withinText}>within</Text>		<Text style={styles.withinText}>within</Text>
<Pill		<Pill
label="ashoat"		label="ashoat"
backgroundColor={colors.codeBackground}		backgroundColor={colors.codeBackground}
icon={cloudIcon}		icon={cloudIcon}
/>		/>
</View>		</View>

<ThreadSettingsCategoryHeader type="full" title="COMMUNITY INFO" />		<ThreadSettingsCategoryHeader type="full" title="COMMUNITY INFO" />
<View style={styles.communityNameRow}>		<View style={styles.communityNameRow}>
<Text style={styles.communityNameLabel}>Name</Text>		<Text style={styles.communityNameLabel}>Name</Text>
<TextInput		<TextInput
style={styles.communityNamePendingValue}		style={styles.communityNamePendingValue}
placeholder="Community Name"		placeholder="Community Name"
placeholderTextColor={colors.panelSecondaryForegroundBorder}		placeholderTextColor={colors.panelSecondaryForegroundBorder}
value={pendingCommunityName}		value={pendingCommunityName}
onChangeText={setPendingCommunityName}		onChangeText={setPendingCommunityName}
editable={true}		editable={true}
/>		/>
</View>		</View>
<ThreadSettingsCategoryFooter type="full" />		<ThreadSettingsCategoryFooter type="full" />

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

const unboundStyles = {		const unboundStyles = {
keyserverRowContainer: {		keyserverRowContainer: {
flexDirection: 'row',		flexDirection: 'row',
Show All 29 Lines	communityNamePendingValue: {
fontFamily: 'Arial',		fontFamily: 'Arial',
fontSize: 16,		fontSize: 16,
margin: 0,		margin: 0,
paddingLeft: 4,		paddingLeft: 4,
paddingRight: 0,		paddingRight: 0,
paddingVertical: 0,		paddingVertical: 0,
borderBottomColor: 'transparent',		borderBottomColor: 'transparent',
},		},
		communityNameNoticeContainer: {
		display: 'flex',
		flexDirection: 'row',
		justifyContent: 'center',
		},
		communityNameNoticeText: {
		color: 'panelForegroundTertiaryLabel',
		},
};		};

export default CommunityConfiguration;		export default CommunityConfiguration;