diff --git a/native/community-creation/community-configuration.react.js b/native/community-creation/community-configuration.react.js --- a/native/community-creation/community-configuration.react.js +++ b/native/community-creation/community-configuration.react.js @@ -6,8 +6,13 @@ 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'; @@ -28,6 +33,8 @@ /> ); + const [pendingCommunityName, setPendingCommunityName] = React.useState(''); + return ( @@ -39,6 +46,19 @@ icon={cloudIcon} /> + + + Name + + + ); @@ -62,6 +82,28 @@ 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', + }, }; export default CommunityConfiguration;