status-im/nimbus-gui
2
0
Fork 0
mirror of https://github.com/status-im/nimbus-gui.git synced 2025-02-18 14:26:39 +00:00
Code Issues Packages Projects Releases Wiki Activity

Add timestamps

Browse Source
This commit is contained in:
Hristo Nedelkov 2023-11-20 18:49:01 +02:00
parent 359e300cbf
commit f3dc2f9ca8
1 changed files with 12 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
src/pages/LogsPage/LogsPage.tsx
View File

@ -7,10 +7,11 @@ import LogsTerminal from './LogsTerminal'
import LogsSumCard from './LogsSumCard'
import SupportCard from './SupportCard'
import { useEffect, useState } from 'react'
import { Button, IconButton, Input, Text } from '@status-im/components'
import { Button, Input } from '@status-im/components'
import { SearchIcon, DropdownIcon } from '@status-im/icons'
import SwitchComponent from './SwitchComponent'
const LogsPage = () => {
const [timestamps, setTimestamps] = useState(false)
const [windowWidth, setWindowWidth] = useState(window.innerWidth)
useEffect(() => {
@ -43,9 +44,16 @@ const LogsPage = () => {
<TitleLogo />
<XStack space={'$4'}>
<Input variant="retractable" color={'black'} icon={<SearchIcon size={16} />}></Input>
<Button variant="outline" icon={<DropdownIcon size={16} />}>Validator</Button>
<Button variant="outline" icon={<SwitchComponent />}>Timestamps</Button>
<Button variant="outline" icon={<DropdownIcon size={16} />}>
Validator
</Button>
<Button
variant="outline"
icon={<SwitchComponent timestamps={timestamps} setTimestamps={setTimestamps} />}
>
Timestamps
</Button>
</XStack>
</XStack>
<Stack style={{ width: '100%', alignItems: 'center' }}>