Differential D6345 Diff 21201 web/topbar/app-switcher.react.js

Changeset View

Standalone View

web/topbar/app-switcher.react.js

// @flow		// @flow

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

import {		import {
mostRecentlyReadThreadSelector,		mostRecentlyReadThreadSelector,
unreadCount,		unreadCount,
} from 'lib/selectors/thread-selectors';		} from 'lib/selectors/thread-selectors';

import { updateNavInfoActionType } from '../redux/action-types';		import { updateNavInfoActionType } from '../redux/action-types';
import { useSelector } from '../redux/redux-utils';		import { useSelector } from '../redux/redux-utils';
import { navTabSelector } from '../selectors/nav-selectors.js';		import { navTabSelector } from '../selectors/nav-selectors.js';
import css from '../sidebar/left-layout-aside.css';
import NavigationPanel from '../sidebar/navigation-panel.react';		import NavigationPanel from '../sidebar/navigation-panel.react';
import SWMansionIcon from '../SWMansionIcon.react';		import SWMansionIcon from '../SWMansionIcon.react';
		import css from './topbar.css';

function AppSwitcher(): React.Node {		function AppSwitcher(): React.Node {
const activeChatThreadID = useSelector(		const activeChatThreadID = useSelector(
state => state.navInfo.activeChatThreadID,		state => state.navInfo.activeChatThreadID,
);		);
const mostRecentlyReadThread = useSelector(mostRecentlyReadThreadSelector);		const mostRecentlyReadThread = useSelector(mostRecentlyReadThreadSelector);
const isActiveThreadCurrentlyUnread = useSelector(		const isActiveThreadCurrentlyUnread = useSelector(
state =>		state =>
▲ Show 20 Lines • Show All 93 Lines • ▼ Show 20 Lines	() => (
<p>Apps</p>		<p>Apps</p>
</a>		</a>
</NavigationPanel.Item>		</NavigationPanel.Item>
),		),
[onClickApps],		[onClickApps],
);		);

return (		return (
<NavigationPanel.Container tabSelector={navTabSelector}>		<NavigationPanel.Container tabSelector={navTabSelector} horizontal={true}>
{chatNavigationItem}		{chatNavigationItem}
{calendarNavigationItem}		{calendarNavigationItem}
{appNavigationItem}		{appNavigationItem}
</NavigationPanel.Container>		</NavigationPanel.Container>
);		);
}		}

export default AppSwitcher;		export default AppSwitcher;