argo-cd

1
import {services, ViewPreferences} from '../../../shared/services';
2
import * as React from 'react';
3
import {ToggleButton} from '../../../shared/components/toggle-button';
4

5
// WrapLinesButton is a component that wraps log lines.
6
export const WrapLinesButton = ({prefs}: {prefs: ViewPreferences}) => (
7
    <ToggleButton
8
        title='Wrap Lines'
9
        onToggle={() => {
10
            const wrap = prefs.appDetails.wrapLines;
11
            services.viewPreferences.updatePreferences({...prefs, appDetails: {...prefs.appDetails, wrapLines: !wrap}});
12
        }}
13
        toggled={prefs.appDetails.wrapLines}
14
        icon='share'
15
        rotate={true}
16
    />
17
);
18