rooty/fab-manager
1
0
Fork 0
mirror of https://github.com/LaCasemate/fab-manager.git synced 2025-02-21 15:54:22 +01:00
Code Issues Releases Activity

(bug) orders sorting in dashboard

Browse Source
This commit is contained in:
Sylvain 2022-10-04 14:41:00 +02:00
parent ccd15d45b2
commit 3c2ef4b55d
1 changed files with 5 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
app/frontend/src/javascript/components/store/orders-dashboard.tsx
View File

@ -7,7 +7,7 @@ import { StoreListHeader } from './store-list-header';
import { OrderItem } from './order-item'; import { OrderItem } from './order-item';
import { FabPagination } from '../base/fab-pagination'; import { FabPagination } from '../base/fab-pagination';
import OrderAPI from '../../api/order'; import OrderAPI from '../../api/order';
import { Order } from '../../models/order'; import { Order, OrderSortOption } from '../../models/order';
import { User } from '../../models/user'; import { User } from '../../models/user';
declare const Application: IApplication; declare const Application: IApplication;
@ -20,7 +20,7 @@ interface OrdersDashboardProps {
* Option format, expected by react-select * Option format, expected by react-select
* @see https://github.com/JedWatson/react-select * @see https://github.com/JedWatson/react-select
*/ */
type selectOption = { value: number, label: string }; type selectOption = { value: OrderSortOption, label: string };
/** /**
* This component shows a list of all orders from the store for the current user * This component shows a list of all orders from the store for the current user
@ -46,15 +46,15 @@ export const OrdersDashboard: React.FC<OrdersDashboardProps> = ({ currentUser, o
*/ */
const buildOptions = (): Array<selectOption> => { const buildOptions = (): Array<selectOption> => {
return [ return [
{ value: 0, label: t('app.public.orders_dashboard.sort.newest') }, { value: 'created_at-desc', label: t('app.public.orders_dashboard.sort.newest') },
{ value: 1, label: t('app.public.orders_dashboard.sort.oldest') } { value: 'created_at-asc', label: t('app.public.orders_dashboard.sort.oldest') }
]; ];
}; };
/** /**
* Display option: sorting * Display option: sorting
*/ */
const handleSorting = (option: selectOption) => { const handleSorting = (option: selectOption) => {
OrderAPI.index({ page: 1, sort: option.value ? 'ASC' : 'DESC' }).then(res => { OrderAPI.index({ page: 1, sort: option.value }).then(res => {
setCurrentPage(1); setCurrentPage(1);
setOrders(res.data); setOrders(res.data);
setPageCount(res.total_pages); setPageCount(res.total_pages);