mirror of
https://github.com/laurent22/joplin.git
synced 2024-12-15 09:04:04 +02:00
68 lines
2.1 KiB
TypeScript
68 lines
2.1 KiB
TypeScript
|
import * as React from 'react';
|
||
|
|
import { StyledAllNotesIcon, StyledListItem, StyledListItemAnchor } from '../styles';
|
||
|
|
import { useCallback } from 'react';
|
||
|
|
import { Dispatch } from 'redux';
|
||
|
|
import bridge from '../../../services/bridge';
|
||
|
|
import Setting from '@joplin/lib/models/Setting';
|
||
|
|
import MenuUtils from '@joplin/lib/services/commands/MenuUtils';
|
||
|
|
import CommandService from '@joplin/lib/services/CommandService';
|
||
|
|
import PerFolderSortOrderService from '../../../services/sortOrder/PerFolderSortOrderService';
|
||
|
|
import { _ } from '@joplin/lib/locale';
|
||
|
|
import { connect } from 'react-redux';
|
||
|
|
import EmptyExpandLink from './EmptyExpandLink';
|
||
|
|
const { ALL_NOTES_FILTER_ID } = require('@joplin/lib/reserved-ids');
|
||
|
|
|
||
|
|
const Menu = bridge().Menu;
|
||
|
|
const MenuItem = bridge().MenuItem;
|
||
|
|
|
||
|
|
interface Props {
|
||
|
|
dispatch: Dispatch;
|
||
|
|
selected: boolean;
|
||
|
|
anchorRef: React.Ref<HTMLAnchorElement>;
|
||
|
|
}
|
||
|
|
|
||
|
|
const menuUtils = new MenuUtils(CommandService.instance());
|
||
|
|
|
||
|
|
const AllNotesItem: React.FC<Props> = props => {
|
||
|
|
const onAllNotesClick_ = useCallback(() => {
|
||
|
|
props.dispatch({
|
||
|
|
type: 'SMART_FILTER_SELECT',
|
||
|
|
id: ALL_NOTES_FILTER_ID,
|
||
|
|
});
|
||
|
|
}, [props.dispatch]);
|
||
|
|
|
||
|
|
const toggleAllNotesContextMenu = useCallback(() => {
|
||
|
|
const menu = new Menu();
|
||
|
|
|
||
|
|
if (Setting.value('notes.perFolderSortOrderEnabled')) {
|
||
|
|
menu.append(new MenuItem({
|
||
|
|
...menuUtils.commandToStatefulMenuItem('togglePerFolderSortOrder', ALL_NOTES_FILTER_ID),
|
||
|
|
type: 'checkbox',
|
||
|
|
checked: PerFolderSortOrderService.isSet(ALL_NOTES_FILTER_ID),
|
||
|
|
}));
|
||
|
|
}
|
||
|
|
|
||
|
|
menu.popup({ window: bridge().window() });
|
||
|
|
}, []);
|
||
|
|
|
||
|
|
return (
|
||
|
|
<StyledListItem key="allNotesHeader" selected={props.selected} className={'list-item-container list-item-depth-0 all-notes'} isSpecialItem={true}>
|
||
|
|
<EmptyExpandLink/>
|
||
|
|
<StyledAllNotesIcon className="icon-notes"/>
|
||
|
|
<StyledListItemAnchor
|
||
|
|
ref={props.anchorRef}
|
||
|
|
className="list-item"
|
||
|
|
isSpecialItem={true}
|
||
|
|
href="#"
|
||
|
|
selected={props.selected}
|
||
|
|
onClick={onAllNotesClick_}
|
||
|
|
onContextMenu={toggleAllNotesContextMenu}
|
||
|
|
>
|
||
|
|
{_('All notes')}
|
||
|
|
</StyledListItemAnchor>
|
||
|
|
</StyledListItem>
|
||
|
|
);
|
||
|
|
};
|
||
|
|
|
||
|
|
export default connect()(AllNotesItem);
|