status-im
/
nimbus-gui
mirror of https://github.com/status-im/nimbus-gui.git
2
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Style filter field

This commit is contained in:
Hristo Nedelkov 2023-09-14 13:11:25 +03:00
parent 8bd935010e
commit 7555cc2831
1 changed files with 3 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
src/pages/Dashboard/BalanceLineChart/BalanceChardCard.tsx
View File

@ -6,6 +6,7 @@ import Icon from "../../../components/General/Icon";
import { Calendar } from '@status-im/components'
import { useState } from "react";
type DateRangeType = {
start: Date | null;
end: Date | null;
@ -38,8 +39,8 @@ const BalanceChardCard = () => {
</XStack>
</YStack>
<XStack onClick={() => setIsCalendarVisible((prev) => !prev)} style={{ border: '2px solid #09101C14', height: 'fit-content', padding: '3px', borderRadius: '10px' }}>
<Text size={13} weight={'semibold'}>{dateRange.start ? dateRange.start.toLocaleDateString() : 'Start Date'}</Text>
<Text size={13} weight={'semibold'}>{dateRange.end ? dateRange.end.toLocaleDateString() : 'End Date'}</Text>
<Text size={13} weight={'semibold'}>{dateRange.start ? dateRange.start.toLocaleDateString() + ' ->' : 'Start Date -> '} </Text>
<Text size={13} weight={'semibold'}>{dateRange.end ? dateRange.end.toLocaleDateString() : ' End Date'}</Text>
<Icon src="/icons/edit.svg" />
</XStack>
</XStack>