diff --git a/native/community-creation/community-configuration.react.js b/native/community-creation/community-configuration.react.js index 8b554b5d5..a0ba00bb6 100644 --- a/native/community-creation/community-configuration.react.js +++ b/native/community-creation/community-configuration.react.js @@ -1,109 +1,124 @@ // @flow import * as React from 'react'; import { Text, View } from 'react-native'; import type { CommunityCreationNavigationProp } from './community-creation-navigator.react.js'; import RegistrationContainer from '../account/registration/registration-container.react.js'; import RegistrationContentContainer from '../account/registration/registration-content-container.react.js'; import { ThreadSettingsCategoryFooter, ThreadSettingsCategoryHeader, } from '../chat/settings/thread-settings-category.react.js'; import CommIcon from '../components/comm-icon.react.js'; import Pill from '../components/pill.react.js'; import TextInput from '../components/text-input.react.js'; import { type NavigationRoute } from '../navigation/route-names.js'; import { useColors, useStyles } from '../themes/colors.js'; type Props = { +navigation: CommunityCreationNavigationProp<'CommunityConfiguration'>, +route: NavigationRoute<'CommunityConfiguration'>, }; // eslint-disable-next-line no-unused-vars function CommunityConfiguration(props: Props): React.Node { const styles = useStyles(unboundStyles); const colors = useColors(); const cloudIcon = ( ); const [pendingCommunityName, setPendingCommunityName] = React.useState(''); return ( within + Name + + + + You may edit your community’s image and name later. + + ); } const unboundStyles = { keyserverRowContainer: { flexDirection: 'row', justifyContent: 'center', alignItems: 'center', backgroundColor: 'panelForeground', height: 48, borderColor: 'panelForegroundBorder', borderBottomWidth: 1, }, withinText: { color: 'panelForegroundLabel', fontSize: 14, marginRight: 6, }, containerPaddingOverride: { padding: 0, }, communityNameRow: { backgroundColor: 'panelForeground', flexDirection: 'row', paddingHorizontal: 24, paddingVertical: 8, }, communityNameLabel: { color: 'panelForegroundTertiaryLabel', fontSize: 16, width: 96, }, communityNamePendingValue: { color: 'panelForegroundSecondaryLabel', flex: 1, fontFamily: 'Arial', fontSize: 16, margin: 0, paddingLeft: 4, paddingRight: 0, paddingVertical: 0, borderBottomColor: 'transparent', }, + communityNameNoticeContainer: { + display: 'flex', + flexDirection: 'row', + justifyContent: 'center', + }, + communityNameNoticeText: { + color: 'panelForegroundTertiaryLabel', + }, }; export default CommunityConfiguration;