Page MenuHomePhabricator
Differential D6162 Diff 20573 web/sidebar/community-drawer-content.react.js

Changeset View

Standalone View

View Options

web/sidebar/community-drawer-content.react.js

  • This file was added.
// @flow
import * as React from 'react';
import { useSelector } from 'react-redux';
import {
childThreadInfos,
communityThreadSelector,
} from 'lib/selectors/thread-selectors';
import {
createRecursiveDrawerItemsData,
appendSuffix,
} from 'lib/utils/drawer-utils.react';
import css from './community-drawer-content.css';
import CommunityDrawerItemCommunity from './community-drawer-item-community.react';
const maxDepth = 2;
const labelStyles = ['titleLevel0', 'titleLevel1', 'titleLevel2'];
function CommunityDrawerContent(): React.Node {
const childThreadInfosMap = useSelector(childThreadInfos);
const communities = useSelector(communityThreadSelector);
const communitiesSuffixed = React.useMemo(() => appendSuffix(communities), [
communities,
]);
const drawerItemsData = createRecursiveDrawerItemsData(
childThreadInfosMap,
communitiesSuffixed,
labelStyles,
maxDepth,
);
const [openCommunity, setOpenCommunity] = React.useState(
communitiesSuffixed.length === 1 ? communitiesSuffixed[0].id : null,
);
const setOpenCommunnityOrClose = React.useCallback((index: string) => {
michalUnsubmitted
Not Done
Inline Actions

I think there's a typo

michal: I think there's a typo
setOpenCommunity(open => (open === index ? null : index));
}, []);
const communitiesComponents = drawerItemsData.map(item => {
return (
<CommunityDrawerItemCommunity
itemData={item}
key={item.threadInfo.id}
toggleExpanded={setOpenCommunnityOrClose}
expanded={item.threadInfo.id === openCommunity}
/>
);
});
michalUnsubmitted
Not Done
Inline Actions
}, []);
- const communitiesComponents = drawerItemsData.map(item => {
- return (
+ const communitiesComponents = drawerItemsData.map(item => (
<CommunityDrawerItemCommunity
itemData={item}
key={item.threadInfo.id}
toggleExpanded={setOpenCommunnityOrClose}
expanded={item.threadInfo.id === openCommunity}
/>
- );
- });
+ ));
return <div className={css.container}>{communitiesComponents}</div>;

This can be simplified

michal: This can be simplified
return <div className={css.container}>{communitiesComponents}</div>;
}
export default CommunityDrawerContent;