1f977f4844
Summary: Deselect plugin when app disconnects, but store the information that the users had the app selected. When the app conencts again, restore the user's selection. This also stores the device seleced by the user and reselects the device if it connects. Reviewed By: xiphirx Differential Revision: D8833948 fbshipit-source-id: ad3ef54681550ae674bdd4e695d677aea5c14588
84 lines
2.3 KiB
JavaScript
84 lines
2.3 KiB
JavaScript
/**
|
|
* Copyright 2018-present Facebook.
|
|
* This source code is licensed under the MIT license found in the
|
|
* LICENSE file in the root directory of this source tree.
|
|
* @format
|
|
*/
|
|
|
|
import React from 'react';
|
|
import {FlexColumn, FlexRow} from 'sonar';
|
|
import {connect} from 'react-redux';
|
|
import {toggleBugDialogVisible} from './reducers/application.js';
|
|
import WelcomeScreen from './chrome/WelcomeScreen.js';
|
|
import SonarTitleBar from './chrome/SonarTitleBar.js';
|
|
import MainSidebar from './chrome/MainSidebar.js';
|
|
import BugReporterDialog from './chrome/BugReporterDialog.js';
|
|
import ErrorBar from './chrome/ErrorBar.js';
|
|
import PluginContainer from './PluginContainer.js';
|
|
import PluginManager from './chrome/PluginManager.js';
|
|
|
|
import type Logger from './fb-stubs/Logger.js';
|
|
import type BugReporter from './fb-stubs/BugReporter.js';
|
|
import type BaseDevice from './devices/BaseDevice.js';
|
|
|
|
type Props = {
|
|
logger: Logger,
|
|
bugReporter: BugReporter,
|
|
leftSidebarVisible: boolean,
|
|
bugDialogVisible: boolean,
|
|
pluginManagerVisible: boolean,
|
|
selectedDevice: ?BaseDevice,
|
|
error: ?string,
|
|
toggleBugDialogVisible: (visible?: boolean) => void,
|
|
};
|
|
|
|
export class App extends React.Component<Props> {
|
|
constructor(props: Props) {
|
|
performance.mark('init');
|
|
super(props);
|
|
}
|
|
|
|
componentDidMount() {
|
|
this.props.logger.trackTimeSince('init');
|
|
}
|
|
|
|
render() {
|
|
return (
|
|
<FlexColumn fill={true}>
|
|
<SonarTitleBar />
|
|
{this.props.bugDialogVisible && (
|
|
<BugReporterDialog
|
|
bugReporter={this.props.bugReporter}
|
|
close={() => this.props.toggleBugDialogVisible(false)}
|
|
/>
|
|
)}
|
|
{this.props.selectedDevice ? (
|
|
<FlexRow fill={true}>
|
|
{this.props.leftSidebarVisible && <MainSidebar />}
|
|
<PluginContainer logger={this.props.logger} />
|
|
</FlexRow>
|
|
) : this.props.pluginManagerVisible ? (
|
|
<PluginManager />
|
|
) : (
|
|
<WelcomeScreen />
|
|
)}
|
|
<ErrorBar text={this.props.error} />
|
|
</FlexColumn>
|
|
);
|
|
}
|
|
}
|
|
|
|
export default connect(
|
|
({
|
|
application: {pluginManagerVisible, bugDialogVisible, leftSidebarVisible},
|
|
connections: {selectedDevice, error},
|
|
}) => ({
|
|
pluginManagerVisible,
|
|
bugDialogVisible,
|
|
leftSidebarVisible,
|
|
selectedDevice,
|
|
error,
|
|
}),
|
|
{toggleBugDialogVisible},
|
|
)(App);
|