argo-cd

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

4
// TailSelector is a component that renders a dropdown menu of tail options
5
export const TailSelector = ({tail, setTail}: {tail: number; setTail: (value: number) => void}) => (
6
    <Tooltip content='Show the last N lines of the log'>
7
        <select className='argo-field' style={{marginRight: '1em'}} onChange={e => setTail(parseInt(e.target.value, 10))} value={tail.toString()}>
8
            <option value='100'>100 lines</option>
9
            <option value='500'>500 lines</option>
10
            <option value='1000'>1000 lines</option>
11
            <option value='5000'>5000 lines</option>
12
            <option value='10000'>10000 lines</option>
13
        </select>
14
    </Tooltip>
15
);
16