Differential D6972 Diff 26829 web/sidebar/community-picker.react.js

Changeset View

Standalone View

web/sidebar/community-picker.react.js

// @flow		// @flow

import classNames from 'classnames';		import classNames from 'classnames';
import * as React from 'react';		import * as React from 'react';
import { useDispatch } from 'react-redux';		import { useDispatch } from 'react-redux';

import { clearCalendarCommunityFilter } from 'lib/actions/community-actions.js';		import {
		clearCalendarCommunityFilter,
		clearChatCommunityFilter,
		} from 'lib/actions/community-actions.js';
import { useModalContext } from 'lib/components/modal-provider.react.js';		import { useModalContext } from 'lib/components/modal-provider.react.js';
import SWMansionIcon from 'lib/components/SWMansionIcon.react.js';		import SWMansionIcon from 'lib/components/SWMansionIcon.react.js';

import CommunityCreationModal from './community-creation/community-creation-modal.react.js';		import CommunityCreationModal from './community-creation/community-creation-modal.react.js';
import CommunityDrawer from './community-drawer.react.js';		import CommunityDrawer from './community-drawer.react.js';
import css from './community-picker.css';		import css from './community-picker.css';
import { updateNavInfoActionType } from '../redux/action-types.js';		import { updateNavInfoActionType } from '../redux/action-types.js';
import { useSelector } from '../redux/redux-utils.js';		import { useSelector } from '../redux/redux-utils.js';
Show All 21 Lines	(event: SyntheticEvent<HTMLAnchorElement>) => {
dispatch({		dispatch({
type: clearCalendarCommunityFilter,		type: clearCalendarCommunityFilter,
});		});
} else {		} else {
dispatch({		dispatch({
type: updateNavInfoActionType,		type: updateNavInfoActionType,
payload: { tab: 'chat' },		payload: { tab: 'chat' },
});		});
		dispatch({
		type: clearChatCommunityFilter,
		});
}		}
},		},
[dispatch, isCalendarOpen],		[dispatch, isCalendarOpen],
);		);

const inboxButtonTitle = isCalendarOpen ? 'All communities' : 'Inbox';		const inboxButtonTitle = isCalendarOpen ? 'All communities' : 'Inbox';

const isInboxOpen = useSelector(		const isInboxOpen = useSelector(
▲ Show 20 Lines • Show All 59 Lines • Show Last 20 Lines