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 @@ -1,7 +1,7 @@ // @flow import * as React from 'react'; -import { Text, View } from 'react-native'; +import { Text, TouchableOpacity, View } from 'react-native'; import type { CommunityCreationNavigationProp } from './community-creation-navigator.react.js'; import RegistrationContainer from '../account/registration/registration-container.react.js'; @@ -34,6 +34,16 @@ ); const [pendingCommunityName, setPendingCommunityName] = React.useState(''); + const [announcementSetting, setAnnouncementSetting] = React.useState(false); + + const onCheckBoxPress = React.useCallback(() => { + setAnnouncementSetting(!announcementSetting); + }, [announcementSetting]); + + let checkBoxFill; + if (announcementSetting) { + checkBoxFill = ; + } return ( @@ -79,9 +89,13 @@ community. - - - + + {checkBoxFill} + @@ -171,6 +185,14 @@ borderRadius: 3.5, borderWidth: 1, borderColor: 'panelSecondaryForegroundBorder', + justifyContent: 'center', + alignItems: 'center', + }, + enumCheckBoxFill: { + height: 20, + width: 20, + borderRadius: 2.1875, + backgroundColor: 'panelForegroundSecondaryLabel', }, };