mirror of
https://git.sr.ht/~ashkeel/strimertul
synced 2024-09-18 01:50:50 +00:00
Add accept/refund in queue
This commit is contained in:
parent
ed2fc4514e
commit
c7dfc88933
1 changed files with 26 additions and 2 deletions
|
@ -1,7 +1,8 @@
|
|||
import React, { useState } from 'react';
|
||||
import { useDispatch } from 'react-redux';
|
||||
import { RouteComponentProps } from '@reach/router';
|
||||
import { useModule } from '../../../lib/react-utils';
|
||||
import { modules } from '../../../store/api/reducer';
|
||||
import { LoyaltyRedeem, modules } from '../../../store/api/reducer';
|
||||
import PageList from '../../components/PageList';
|
||||
|
||||
interface SortingOrder {
|
||||
|
@ -14,6 +15,7 @@ export default function LoyaltyRedeemQueuePage(
|
|||
props: RouteComponentProps<unknown>,
|
||||
): React.ReactElement {
|
||||
const [redemptions, setRedeemQueue] = useModule(modules.loyaltyRedeemQueue);
|
||||
const [points, setPoints] = useModule(modules.loyaltyStorage);
|
||||
|
||||
const [sorting, setSorting] = useState<SortingOrder>({
|
||||
key: 'when',
|
||||
|
@ -23,6 +25,7 @@ export default function LoyaltyRedeemQueuePage(
|
|||
const [entriesPerPage, setEntriesPerPage] = useState(15);
|
||||
const [page, setPage] = useState(0);
|
||||
const [usernameFilter, setUsernameFilter] = useState('');
|
||||
const dispatch = useDispatch();
|
||||
|
||||
const changeSort = (key: 'user' | 'when') => {
|
||||
if (sorting.key === key) {
|
||||
|
@ -74,6 +77,23 @@ export default function LoyaltyRedeemQueuePage(
|
|||
);
|
||||
const totalPages = Math.floor(sortedEntries.length / entriesPerPage);
|
||||
|
||||
const acceptRedeem = (redeem: LoyaltyRedeem) => {
|
||||
// Just take the redeem off the list
|
||||
dispatch(setRedeemQueue(redemptions.filter((r) => r !== redeem)));
|
||||
};
|
||||
|
||||
const refundRedeem = (redeem: LoyaltyRedeem) => {
|
||||
// Give points back to the viewer
|
||||
dispatch(
|
||||
setPoints({
|
||||
...points,
|
||||
[redeem.user]: (points[redeem.user] ?? 0) + redeem.reward.price,
|
||||
}),
|
||||
);
|
||||
// Take the redeem off the list
|
||||
dispatch(setRedeemQueue(redemptions.filter((r) => r !== redeem)));
|
||||
};
|
||||
|
||||
return (
|
||||
<>
|
||||
<h1 className="title is-4">Redemption queue</h1>
|
||||
|
@ -132,7 +152,11 @@ export default function LoyaltyRedeemQueuePage(
|
|||
<td>{new Date(redemption.when).toLocaleString()}</td>
|
||||
<td>{redemption.user}</td>
|
||||
<td>{redemption.reward.name}</td>
|
||||
<td></td>
|
||||
<td style={{ textAlign: 'right' }}>
|
||||
<a onClick={() => acceptRedeem(redemption)}>Accept</a>
|
||||
{' 🞄 '}
|
||||
<a onClick={() => refundRedeem(redemption)}>Refund</a>
|
||||
</td>
|
||||
</tr>
|
||||
))}
|
||||
</tbody>
|
||||
|
|
Loading…
Reference in a new issue