Differential D6812 Diff 22960 web/modals/apps/apps-directory-modal.react.js

Changeset View

Standalone View

View Options

web/modals/apps/apps-directory-modal.react.js

This file was moved from web/modals/apps/apps-directory.react.js.

// @flow

import * as React from 'react';

import { useSelector } from 'react-redux';

import AppListing from './app-listing.react.js';

import { useModalContext } from 'lib/components/modal-provider.react.js';

import css from './apps.css';

import AppListing from '../apps/app-listing.react.js';

import css from '../apps/apps.css';

import Modal from '../modal.react.js';

const APP_DIRECTORY_DATA = [

{

id: 'chat',

defaultEnabled: true,

readOnly: true,

name: 'Chat',

icon: 'message-square',

copy: 'Keep in touch with your community',

{

id: 'calendar',

defaultEnabled: true,

readOnly: false,

name: 'Calendar',

icon: 'calendar',

copy: 'Shared calendar for your community',

];

function AppsDirectory(): React.Node {

function AppsModal(): React.Node {

const modalContext = useModalContext();

kamilUnsubmitted

Not Done

function AppsModal(): React.Node {

- const modalContext = useModalContext();

+ const { popModal } = useModalContext();

const enabledApps = useSelector(state => state.enabledApps);

I prefer this one but here it doesn't change anything so up to you

kamil: I prefer this one but here it doesn't change anything so up to you

const enabledApps = useSelector(state => state.enabledApps);

const appData = React.useMemo(

() =>

APP_DIRECTORY_DATA.map(app => {

const { defaultEnabled, ...data } = app;

return {

...data,

enabled: enabledApps[app.id] ?? defaultEnabled,

};

}),

[enabledApps],

);

const appItems = React.useMemo(

() => appData.map(item => <AppListing key={item.id} {...item} />),

[appData],

);

return (

<h4 className={css.appsHeader}>Choose Apps</h4>

<div className={css.appsDirectoryList}>{appItems}</div>

</div>

</Modal>

);

}

export default AppsDirectory;

export default AppsModal;