diff --git a/src/plugins/crash_reporter/index.js b/src/plugins/crash_reporter/index.js index 32964e3f2..d485d3350 100644 --- a/src/plugins/crash_reporter/index.js +++ b/src/plugins/crash_reporter/index.js @@ -21,7 +21,6 @@ import { getPersistedState, BaseDevice, shouldParseAndroidLog, - StackTrace, Text, colors, Toolbar, @@ -115,6 +114,9 @@ const Value = styled(Text)({ maxHeight: 200, flexGrow: 1, textOverflow: 'ellipsis', + whiteSpace: 'normal', + wordWrap: 'break-word', + lineHeight: 2, marginLeft: 8, marginRight: 8, overflow: 'hidden', @@ -167,6 +169,11 @@ const StyledSelect = styled(Select)({ maxWidth: 200, }); +const StackTraceContainer = styled(FlexColumn)({ + backgroundColor: colors.greyStackTraceTint, + flexShrink: 0, +}); + export function getNewPersisitedStateFromCrashLog( persistedState: ?PersistedState, persistingPlugin: Class | FlipperPlugin<>>, @@ -483,6 +490,24 @@ class HeaderRow extends Component { } } +type StackTraceComponentProps = { + stacktrace: string, +}; + +class StackTraceComponent extends Component { + render() { + const {stacktrace} = this.props; + return ( + + + {stacktrace} + + + + ); + } +} + export default class CrashReporterPlugin extends FlipperDevicePlugin< State, void, @@ -722,12 +747,9 @@ export default class CrashReporterPlugin extends FlipperDevicePlugin< }, ]}> - + {children.map(child => { + return ; + })}