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',
},
};