diff --git a/native/community-creation/community-configuration.react.js b/native/community-creation/community-configuration.react.js index 9aff0375b..b02edcb3b 100644 --- a/native/community-creation/community-configuration.react.js +++ b/native/community-creation/community-configuration.react.js @@ -1,18 +1,67 @@ // @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 CommIcon from '../components/comm-icon.react.js'; +import Pill from '../components/pill.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 { - return null; + const styles = useStyles(unboundStyles); + const colors = useColors(); + + const cloudIcon = ( + + ); + + return ( + + + + within + + + + + ); } +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, + }, +}; + export default CommunityConfiguration;