diff --git a/src/ui/components/data-inspector/DataInspector.tsx b/src/ui/components/data-inspector/DataInspector.tsx index 74db837a9..3257ab2f0 100644 --- a/src/ui/components/data-inspector/DataInspector.tsx +++ b/src/ui/components/data-inspector/DataInspector.tsx @@ -10,9 +10,9 @@ import {Component} from 'react'; import ContextMenu from '../ContextMenu'; import Tooltip from '../Tooltip'; import styled from 'react-emotion'; -import DataPreview from './DataPreview.js'; import createPaste from '../../../fb-stubs/createPaste'; import {reportInteraction} from '../../../utils/InteractionTracker'; +import DataPreview from './DataPreview'; import {getSortedKeys} from './utils.js'; import {colors} from '../colors'; import {clipboard} from 'electron'; @@ -574,7 +574,6 @@ export default class DataInspector extends Component { diff --git a/src/ui/components/data-inspector/DataPreview.js b/src/ui/components/data-inspector/DataPreview.tsx similarity index 91% rename from src/ui/components/data-inspector/DataPreview.js rename to src/ui/components/data-inspector/DataPreview.tsx index 8a07b09b5..5f58fecec 100755 --- a/src/ui/components/data-inspector/DataPreview.js +++ b/src/ui/components/data-inspector/DataPreview.tsx @@ -5,12 +5,12 @@ * @format */ -import type {DataValueExtractor} from './DataInspector.tsx'; +import {DataValueExtractor, InspectorName} from './DataInspector'; import DataDescription from './DataDescription.js'; -import {InspectorName} from './DataInspector.tsx'; import styled from 'react-emotion'; import {getSortedKeys} from './utils.js'; import {PureComponent} from 'react'; +import React from 'react'; const PreviewContainer = styled('span')({ fontStyle: 'italic', @@ -30,11 +30,11 @@ function intersperse(arr, sep) { } export default class DataPreview extends PureComponent<{ - type: string, - value: any, - depth: number, - extractValue: DataValueExtractor, - maxProperties: number, + type: string; + value: any; + depth: number; + extractValue: DataValueExtractor; + maxProperties: number; }> { static defaultProps = { maxProperties: 5,