diff --git a/native/apps/apps-directory.react.js b/native/apps/apps-directory.react.js
index dd19ccf39..ed5530140 100644
--- a/native/apps/apps-directory.react.js
+++ b/native/apps/apps-directory.react.js
@@ -1,74 +1,74 @@
// @flow
import * as React from 'react';
import { Text, FlatList } from 'react-native';
import { SafeAreaView } from 'react-native-safe-area-context';
import { useSelector } from 'react-redux';
import { useStyles } from '../themes/colors';
import AppListing from './app-listing.react';
const safeAreaEdges = ['top', 'bottom'];
const APP_DIRECTORY_DATA = [
{
id: 'chat',
alwaysEnabled: true,
appName: 'Chat',
appIcon: 'message-square',
appCopy: 'Keep in touch with your community',
},
{
id: 'calendar',
alwaysEnabled: false,
appName: 'Calendar',
appIcon: 'calendar',
appCopy: 'Shared calendar for your community',
},
];
// eslint-disable-next-line no-unused-vars
function AppsDirectory(props: { ... }): React.Node {
const styles = useStyles(unboundStyles);
const enabledApps = useSelector(state => state.enabledApps);
const renderAppCell = React.useCallback(
({ item }) => (
),
[enabledApps],
);
const getItemID = React.useCallback(item => item.id, []);
return (
Choose Apps
);
}
const unboundStyles = {
view: {
flex: 1,
backgroundColor: 'panelBackground',
padding: 18,
},
title: {
- color: 'white',
+ color: 'modalForegroundLabel',
fontSize: 28,
paddingVertical: 12,
},
};
export default AppsDirectory;