github.com/argoproj/argo-cd/v2@v2.10.9/ui/src/app/applications/components/pod-logs-viewer/wrap-lines-button.tsx (about) 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 );