|
|
|
|
@ -1,7 +1,7 @@
|
|
|
|
|
import React from 'react';
|
|
|
|
|
import PropTypes from 'prop-types';
|
|
|
|
|
import { useTranslation } from 'react-i18next';
|
|
|
|
|
import {Button, Menu} from 'semantic-ui-react';
|
|
|
|
|
import { Menu } from 'semantic-ui-react';
|
|
|
|
|
import { Popup } from '../../lib/custom-ui';
|
|
|
|
|
|
|
|
|
|
import styles from './SortStep.module.scss';
|
|
|
|
|
@ -9,7 +9,7 @@ import styles from './SortStep.module.scss';
|
|
|
|
|
const SortStep = React.memo(({ title, onSort, onBack }) => {
|
|
|
|
|
const [t] = useTranslation();
|
|
|
|
|
|
|
|
|
|
const handeClick = (sortType) => onSort({sortType})
|
|
|
|
|
const handeClick = (sortType) => onSort({ sortType });
|
|
|
|
|
|
|
|
|
|
return (
|
|
|
|
|
<>
|
|
|
|
|
@ -19,28 +19,28 @@ const SortStep = React.memo(({ title, onSort, onBack }) => {
|
|
|
|
|
})}
|
|
|
|
|
</Popup.Header>
|
|
|
|
|
<Popup.Content>
|
|
|
|
|
<Menu secondary vertical className={styles.menu}>
|
|
|
|
|
<Menu.Item className={styles.menuItem} onClick={() => handeClick('createdat_asc')}>
|
|
|
|
|
{t('action.sort.createdFirst', {
|
|
|
|
|
context: 'title',
|
|
|
|
|
})}
|
|
|
|
|
</Menu.Item>
|
|
|
|
|
<Menu.Item className={styles.menuItem} onClick={() => handeClick('createdat_desc')}>
|
|
|
|
|
{t('action.sort.createdLast', {
|
|
|
|
|
context: 'title',
|
|
|
|
|
})}
|
|
|
|
|
</Menu.Item>
|
|
|
|
|
<Menu.Item className={styles.menuItem} onClick={() => handeClick('name_asc')}>
|
|
|
|
|
{t('action.sort.name', {
|
|
|
|
|
context: 'title',
|
|
|
|
|
})}
|
|
|
|
|
</Menu.Item>
|
|
|
|
|
<Menu.Item className={styles.menuItem} onClick={() => handeClick('duedate_asc')}>
|
|
|
|
|
{t('action.sort.due', {
|
|
|
|
|
context: 'title',
|
|
|
|
|
})}
|
|
|
|
|
</Menu.Item>
|
|
|
|
|
</Menu>
|
|
|
|
|
<Menu secondary vertical className={styles.menu}>
|
|
|
|
|
<Menu.Item className={styles.menuItem} onClick={() => handeClick('createdat_asc')}>
|
|
|
|
|
{t('action.sort.createdFirst', {
|
|
|
|
|
context: 'title',
|
|
|
|
|
})}
|
|
|
|
|
</Menu.Item>
|
|
|
|
|
<Menu.Item className={styles.menuItem} onClick={() => handeClick('createdat_desc')}>
|
|
|
|
|
{t('action.sort.createdLast', {
|
|
|
|
|
context: 'title',
|
|
|
|
|
})}
|
|
|
|
|
</Menu.Item>
|
|
|
|
|
<Menu.Item className={styles.menuItem} onClick={() => handeClick('name_asc')}>
|
|
|
|
|
{t('action.sort.name', {
|
|
|
|
|
context: 'title',
|
|
|
|
|
})}
|
|
|
|
|
</Menu.Item>
|
|
|
|
|
<Menu.Item className={styles.menuItem} onClick={() => handeClick('duedate_asc')}>
|
|
|
|
|
{t('action.sort.due', {
|
|
|
|
|
context: 'title',
|
|
|
|
|
})}
|
|
|
|
|
</Menu.Item>
|
|
|
|
|
</Menu>
|
|
|
|
|
</Popup.Content>
|
|
|
|
|
</>
|
|
|
|
|
);
|
|
|
|
|
|