argo-cd

1
import * as React from 'react';
2
import {Tooltip} from 'argo-ui';
3

4
// SinceSelector is a component that renders a dropdown menu of time ranges
5
export const SinceSecondsSelector = ({sinceSeconds, setSinceSeconds}: {sinceSeconds: number; setSinceSeconds: (value: number) => void}) => (
6
    <Tooltip content='Show logs since a given time'>
7
        <select
8
            className='argo-field'
9
            style={{marginRight: '1em'}}
10
            value={sinceSeconds}
11
            onChange={e => {
12
                const v = parseInt(e.target.value, 10);
13
                setSinceSeconds(!isNaN(v) ? v : null);
14
            }}>
15
            <option value='60'>1m ago</option>
16
            <option value='300'>5m ago</option>
17
            <option value='600'>10m ago</option>
18
            <option value='1800'>30m ago</option>
19
            <option value='3600'>1h ago</option>
20
            <option value='14400'>4h ago</option>
21
            <option>forever</option>
22
        </select>
23
    </Tooltip>
24
);
25