github.com/argoproj/argo-cd/v2@v2.10.9/ui/src/app/applications/components/pod-logs-viewer/tail-selector.tsx (about)

     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  );