diff --git a/native/navigation/community-drawer-content.react.js b/native/navigation/community-drawer-content.react.js --- a/native/navigation/community-drawer-content.react.js +++ b/native/navigation/community-drawer-content.react.js @@ -169,6 +169,26 @@ ); + let exploreCommunitiesButton; + if (__DEV__) { + exploreCommunitiesButton = ( + + + + + + Explore communities + + + ); + } else { + exploreCommunitiesButton = null; + } + const flattenedDrawerItemsData = React.useMemo( () => flattenDrawerItemsData(drawerItemsData, [...expanded.values()]), [drawerItemsData, expanded], @@ -182,6 +202,7 @@ initialNumToRender={30} /> {communityCreationButton} + {exploreCommunitiesButton} ); } @@ -195,7 +216,7 @@ }, communityCreationContainer: { flexDirection: 'row', - padding: 24, + padding: 16, alignItems: 'center', borderTopWidth: 1, borderColor: 'panelSeparator', @@ -218,6 +239,30 @@ communityCreationIcon: { color: 'panelForegroundLabel', }, + exploreCommunitiesContainer: { + flexDirection: 'row', + paddingTop: 0, + padding: 16, + alignItems: 'center', + }, + exploreCommunitiesText: { + color: 'panelForegroundLabel', + fontSize: 16, + lineHeight: 24, + fontWeight: '500', + }, + exploreCommunitiesIconContainer: { + height: 28, + width: 28, + justifyContent: 'center', + alignItems: 'center', + borderRadius: 16, + marginRight: 12, + backgroundColor: 'panelSecondaryForeground', + }, + exploreCommunitiesIcon: { + color: 'panelForegroundLabel', + }, }; const labelUnboundStyles = { level0Label: {