Hide datetime select for erc20

pull/211/head
artemkolodko 2 years ago
parent dbaa666216
commit e477d3feca
  1. 50
      src/pages/ExportData/index.tsx

@ -126,7 +126,7 @@ export const ExportData = () => {
}
const getTxTextType = (type: TRelatedTransaction) => {
return type === 'transaction' ? 'transactions' : type + 'transactions'
return type === 'transaction' ? 'transactions' : type + ' transactions'
}
return <BaseContainer pad={{ horizontal: "0" }} style={{ maxWidth: '700px', alignSelf: 'center' }}>
@ -135,29 +135,33 @@ export const ExportData = () => {
</Heading>
<BasePage pad={"medium"} style={{ overflow: "inherit" }}>
<Box pad={{ top: 'medium', bottom: 'medium' }} style={{ display: 'inline-block' }}>
Export the last {filter.limit} {getTxTextType(type)} for <Address address={address} /> starting from
Export the last {filter.limit} {getTxTextType(type)} for <Address address={address} />
{type === 'transaction' && 'starting from'}
</Box>
<FlexWrapper>
<InputContainer>
<Tip dropProps={{ align: { bottom: "top" }}} content={<TipContent showArrow={true} message={'Select start date'} />}>
<DateInput
{...dateInputProps}
value={dayjs(dateFrom).toISOString()}
onChange={({ value }) => onChangeDateFrom(value)}
/>
</Tip>
</InputContainer>
<div>to</div>
<InputContainer>
<Tip dropProps={{ align: { bottom: "top" }}} content={<TipContent showArrow={true} message={'Select end date'} />}>
<DateInput
{...dateInputProps}
value={dayjs(dateTo).toISOString()}
onChange={({ value }) => onChangeDateTo(value)}
/>
</Tip>
</InputContainer>
</FlexWrapper>
{/* TODO: support timestamp filter on backend side */}
{type === 'transaction' &&
<FlexWrapper>
<InputContainer>
<Tip dropProps={{ align: { bottom: "top" }}} content={<TipContent showArrow={true} message={'Select start date'} />}>
<DateInput
{...dateInputProps}
value={dayjs(dateFrom).toISOString()}
onChange={({ value }) => onChangeDateFrom(value)}
/>
</Tip>
</InputContainer>
<div>to</div>
<InputContainer>
<Tip dropProps={{ align: { bottom: "top" }}} content={<TipContent showArrow={true} message={'Select end date'} />}>
<DateInput
{...dateInputProps}
value={dayjs(dateTo).toISOString()}
onChange={({ value }) => onChangeDateTo(value)}
/>
</Tip>
</InputContainer>
</FlexWrapper>
}
<Box style={{ justifyContent: 'center', alignItems: 'center' }} pad={{ top: 'large', bottom: 'medium' }}>
<Box width={'small'}>
<DownloadButton

Loading…
Cancel
Save