Changeset View
Changeset View
Standalone View
Standalone View
native/community-creation/community-configuration.react.js
Show First 20 Lines • Show All 41 Lines • ▼ Show 20 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.textInputPlaceholder} | placeholderTextColor={colors.textInputPlaceholder} | ||||
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 26 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; |