diff --git a/src/chrome/Popover.tsx b/src/chrome/Popover.tsx index 5bcd80a5c..b323a4a4c 100644 --- a/src/chrome/Popover.tsx +++ b/src/chrome/Popover.tsx @@ -163,35 +163,37 @@ export default class Popover extends PureComponent { }; render() { - return [ - , - - {this.props.sections.map(section => { - if (section.items.length > 0) { - return ( -
- {section.title} - {section.items.map(item => ( - - {item.icon} - - {item.title} - {item.subtitle} - - {item.onClick && ( - - Run - - )} - - ))} -
- ); - } else { - return null; - } - })} -
, - ]; + return ( + <> + + + {this.props.sections.map(section => { + if (section.items.length > 0) { + return ( +
+ {section.title} + {section.items.map(item => ( + + {item.icon} + + {item.title} + {item.subtitle} + + {item.onClick && ( + + Run + + )} + + ))} +
+ ); + } else { + return null; + } + })} +
+ + ); } } diff --git a/src/chrome/ShareSheetExportUrl.tsx b/src/chrome/ShareSheetExportUrl.tsx index cace9053f..ce0928999 100644 --- a/src/chrome/ShareSheetExportUrl.tsx +++ b/src/chrome/ShareSheetExportUrl.tsx @@ -228,7 +228,10 @@ export default class ShareSheetExportUrl extends Component { used to share with other Flipper users. Opening it will import the data from your trace. - + When sharing your Flipper link, consider that the captured data might contain sensitve information like access tokens diff --git a/src/ui/components/Popover.tsx b/src/ui/components/Popover.tsx index 460102b53..db0dd72e7 100644 --- a/src/ui/components/Popover.tsx +++ b/src/ui/components/Popover.tsx @@ -93,14 +93,17 @@ export default class Popover extends PureComponent { }; render() { - return [ - , - - {this.props.children} - , - ]; + return ( + <> + + + {this.props.children} + + , + + ); } } diff --git a/src/ui/components/elements-inspector/elements.tsx b/src/ui/components/elements-inspector/elements.tsx index 4c05e7b46..bb4119329 100644 --- a/src/ui/components/elements-inspector/elements.tsx +++ b/src/ui/components/elements-inspector/elements.tsx @@ -134,7 +134,6 @@ class PartialHighlight extends PureComponent<{ render() { const {highlighted, content, selected} = this.props; - let renderedValue; if ( content && highlighted != null && @@ -148,19 +147,18 @@ class PartialHighlight extends PureComponent<{ const before = content.substring(0, highlightStart); const match = content.substring(highlightStart, highlightEnd); const after = content.substring(highlightEnd); - renderedValue = [ + return ( {before} {match} {after} - , - ]; + + ); } else { - renderedValue = {content}; + return {content}; } - return renderedValue; } }