diff options
Diffstat (limited to 'packages/frontend/src/paths/instance/transfers')
3 files changed, 23 insertions, 8 deletions
diff --git a/packages/frontend/src/paths/instance/transfers/create/CreatePage.tsx b/packages/frontend/src/paths/instance/transfers/create/CreatePage.tsx index 748722f..861268f 100644 --- a/packages/frontend/src/paths/instance/transfers/create/CreatePage.tsx +++ b/packages/frontend/src/paths/instance/transfers/create/CreatePage.tsx @@ -77,7 +77,7 @@ export function CreatePage({ onCreate, onBack }: Props): VNode { <section class="section is-main-section"> <div class="columns"> <div class="column" /> - <div class="column is-two-thirds"> + <div class="column is-four-fifths"> <FormProvider object={state} valueHandler={setState} errors={errors}> <Input<Entity> name="wtid" label={i18n`Transfer ID`} help="" tooltip={i18n`unique identifier of the wire transfer, usually 52 random characters long`} /> diff --git a/packages/frontend/src/paths/instance/transfers/list/Table.tsx b/packages/frontend/src/paths/instance/transfers/list/Table.tsx index ad7248f..3794b01 100644 --- a/packages/frontend/src/paths/instance/transfers/list/Table.tsx +++ b/packages/frontend/src/paths/instance/transfers/list/Table.tsx @@ -59,6 +59,7 @@ export function CardTable({ instances, onCreate, onUpdate, onDelete, selected, o } }, [actionQueue, selected, onUpdate]) + const i18n = useTranslator() return <div class="card has-table"> <header class="card-header"> @@ -72,9 +73,11 @@ export function CardTable({ instances, onCreate, onUpdate, onDelete, selected, o </button> </div> <div class="card-header-icon" aria-label="more options"> - <button class="button is-info" type="button" onClick={onCreate}> - <span class="icon is-small" ><i class="mdi mdi-plus mdi-36px" /></span> - </button> + <span class="has-tooltip-left" data-tooltip={i18n`add new transfer`}> + <button class="button is-info" type="button" onClick={onCreate}> + <span class="icon is-small" ><i class="mdi mdi-plus mdi-36px" /></span> + </button> + </span> </div> </header> diff --git a/packages/frontend/src/paths/instance/transfers/list/index.tsx b/packages/frontend/src/paths/instance/transfers/list/index.tsx index 5486451..5effb5f 100644 --- a/packages/frontend/src/paths/instance/transfers/list/index.tsx +++ b/packages/frontend/src/paths/instance/transfers/list/index.tsx @@ -74,7 +74,7 @@ export default function ListTransfer({ onUnauthorized, onLoadError, onCreate, on return <section class="section is-main-section"> <div class="columns"> <div class="column" /> - <div class="column is-6"> + <div class="column is-10"> <FormProvider object={form} valueHandler={setForm as any}> <InputSelector name="payto_uri" label={i18n`Address`} values={accounts} @@ -87,9 +87,21 @@ export default function ListTransfer({ onUnauthorized, onLoadError, onCreate, on </div> <div class="tabs"> <ul> - <li class={isAllTransfers}><a onClick={() => setFilter(undefined)}><Translate>All</Translate></a></li> - <li class={isVerifiedTransfers}><a onClick={() => setFilter('yes')}><Translate>Verified</Translate></a></li> - <li class={isNonVerifiedTransfers}><a onClick={() => setFilter('no')}><Translate>Non Verified</Translate></a></li> + <li class={isAllTransfers}> + <div class="has-tooltip-right" data-tooltip={i18n`remove all filters`}> + <a onClick={() => setFilter(undefined)}><Translate>All</Translate></a> + </div> + </li> + <li class={isVerifiedTransfers}> + <div class="has-tooltip-right" data-tooltip={i18n`remove all filters`}> + <a onClick={() => setFilter('yes')}><Translate>Verified</Translate></a> + </div> + </li> + <li class={isNonVerifiedTransfers}> + <div class="has-tooltip-right" data-tooltip={i18n`remove all filters`}> + <a onClick={() => setFilter('no')}><Translate>Non Verified</Translate></a> + </div> + </li> </ul> </div> <View |