115 lines
2.9 KiB
TypeScript
115 lines
2.9 KiB
TypeScript
|
/*
|
||
|
|
This file is part of GNU Taler
|
||
|
|
(C) 2021 Taler Systems S.A.
|
||
|
|
|
||
|
|
GNU Taler is free software; you can redistribute it and/or modify it under the
|
||
|
|
terms of the GNU General Public License as published by the Free Software
|
||
|
|
Foundation; either version 3, or (at your option) any later version.
|
||
|
|
|
||
|
|
GNU Taler is distributed in the hope that it will be useful, but WITHOUT ANY
|
||
|
|
WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
|
||
|
|
A PARTICULAR PURPOSE. See the GNU General Public License for more details.
|
||
|
|
|
||
|
|
You should have received a copy of the GNU General Public License along with
|
||
|
|
GNU Taler; see the file COPYING. If not, see <http://www.gnu.org/licenses/>
|
||
|
|
*/
|
||
|
|
|
||
|
|
/**
|
||
|
|
*
|
||
|
|
* @author Sebastian Javier Marchano (sebasjm)
|
||
|
|
*/
|
||
|
|
|
||
|
|
import { ProviderPaymentType } from '@gnu-taler/taler-wallet-core';
|
||
|
|
import { addDays } from 'date-fns';
|
||
|
|
import { ComponentChild, ComponentChildren, FunctionalComponent, h } from 'preact';
|
||
|
|
import { BalanceView as TestedComponent } from './BalancePage';
|
||
|
|
|
||
|
|
export default {
|
||
|
|
title: 'popup/balance/detail',
|
||
|
|
component: TestedComponent,
|
||
|
|
argTypes: {
|
||
|
|
}
|
||
|
|
};
|
||
|
|
|
||
|
|
|
||
|
|
function createExample<Props>(Component: FunctionalComponent<Props>, props: Partial<Props>) {
|
||
|
|
const r = (args: any) => <Component {...args} />
|
||
|
|
r.args = props
|
||
|
|
return r
|
||
|
|
}
|
||
|
|
|
||
|
|
export const NotYetLoaded = createExample(TestedComponent, {
|
||
|
|
});
|
||
|
|
|
||
|
|
const NullLink = ({ children }: { children?: ComponentChildren }) => h('a', { children, href: 'javascript:void(0);' })
|
||
|
|
export const GotError = createExample(TestedComponent, {
|
||
|
|
balance: {
|
||
|
|
error: true
|
||
|
|
},
|
||
|
|
Linker: NullLink,
|
||
|
|
});
|
||
|
|
|
||
|
|
export const EmptyBalance = createExample(TestedComponent, {
|
||
|
|
balance: {
|
||
|
|
error: false,
|
||
|
|
response: {
|
||
|
|
balances: []
|
||
|
|
},
|
||
|
|
},
|
||
|
|
Linker: NullLink,
|
||
|
|
});
|
||
|
|
|
||
|
|
export const SomeCoins = createExample(TestedComponent, {
|
||
|
|
balance: {
|
||
|
|
error: false,
|
||
|
|
response: {
|
||
|
|
balances: [{
|
||
|
|
available: 'USD:10.5',
|
||
|
|
hasPendingTransactions: false,
|
||
|
|
pendingIncoming: 'USD:0',
|
||
|
|
pendingOutgoing: 'USD:0',
|
||
|
|
requiresUserInput: false
|
||
|
|
}]
|
||
|
|
},
|
||
|
|
},
|
||
|
|
Linker: NullLink,
|
||
|
|
});
|
||
|
|
|
||
|
|
export const SomeCoinsAndIncomingMoney = createExample(TestedComponent, {
|
||
|
|
balance: {
|
||
|
|
error: false,
|
||
|
|
response: {
|
||
|
|
balances: [{
|
||
|
|
available: 'USD:2.23',
|
||
|
|
hasPendingTransactions: false,
|
||
|
|
pendingIncoming: 'USD:5.11',
|
||
|
|
pendingOutgoing: 'USD:0',
|
||
|
|
requiresUserInput: false
|
||
|
|
}]
|
||
|
|
},
|
||
|
|
},
|
||
|
|
Linker: NullLink,
|
||
|
|
});
|
||
|
|
|
||
|
|
export const SomeCoinsInTwoCurrencies = createExample(TestedComponent, {
|
||
|
|
balance: {
|
||
|
|
error: false,
|
||
|
|
response: {
|
||
|
|
balances: [{
|
||
|
|
available: 'USD:2',
|
||
|
|
hasPendingTransactions: false,
|
||
|
|
pendingIncoming: 'USD:5',
|
||
|
|
pendingOutgoing: 'USD:0',
|
||
|
|
requiresUserInput: false
|
||
|
|
},{
|
||
|
|
available: 'EUR:4',
|
||
|
|
hasPendingTransactions: false,
|
||
|
|
pendingIncoming: 'EUR:5',
|
||
|
|
pendingOutgoing: 'EUR:0',
|
||
|
|
requiresUserInput: false
|
||
|
|
}]
|
||
|
|
},
|
||
|
|
},
|
||
|
|
Linker: NullLink,
|
||
|
|
});
|