TitleBar
Summary: rename `SonarTitleBar` to `TitleBar` Reviewed By: passy Differential Revision: D9851709 fbshipit-source-id: f4b420a70d251a0ca7a5b22b66748a238c5f410a
This commit is contained in:
committed by
Facebook Github Bot
parent
3bea3c88e6
commit
e360654b28
@@ -10,7 +10,7 @@ import {FlexColumn, FlexRow} from 'flipper';
|
|||||||
import {connect} from 'react-redux';
|
import {connect} from 'react-redux';
|
||||||
import {toggleBugDialogVisible} from './reducers/application.js';
|
import {toggleBugDialogVisible} from './reducers/application.js';
|
||||||
import WelcomeScreen from './chrome/WelcomeScreen.js';
|
import WelcomeScreen from './chrome/WelcomeScreen.js';
|
||||||
import SonarTitleBar from './chrome/SonarTitleBar.js';
|
import TitleBar from './chrome/TitleBar.js';
|
||||||
import MainSidebar from './chrome/MainSidebar.js';
|
import MainSidebar from './chrome/MainSidebar.js';
|
||||||
import BugReporterDialog from './chrome/BugReporterDialog.js';
|
import BugReporterDialog from './chrome/BugReporterDialog.js';
|
||||||
import ErrorBar from './chrome/ErrorBar.js';
|
import ErrorBar from './chrome/ErrorBar.js';
|
||||||
@@ -51,7 +51,7 @@ export class App extends React.Component<Props> {
|
|||||||
render() {
|
render() {
|
||||||
return (
|
return (
|
||||||
<FlexColumn fill={true}>
|
<FlexColumn fill={true}>
|
||||||
<SonarTitleBar />
|
<TitleBar />
|
||||||
{this.props.bugDialogVisible && (
|
{this.props.bugDialogVisible && (
|
||||||
<BugReporterDialog
|
<BugReporterDialog
|
||||||
bugReporter={this.props.bugReporter}
|
bugReporter={this.props.bugReporter}
|
||||||
|
|||||||
@@ -27,7 +27,7 @@ import ScreenCaptureButtons from './ScreenCaptureButtons.js';
|
|||||||
import AutoUpdateVersion from './AutoUpdateVersion.js';
|
import AutoUpdateVersion from './AutoUpdateVersion.js';
|
||||||
import config from '../fb-stubs/config.js';
|
import config from '../fb-stubs/config.js';
|
||||||
|
|
||||||
const TitleBar = styled(FlexRow)(({focused}) => ({
|
const AppTitleBar = styled(FlexRow)(({focused}) => ({
|
||||||
background: focused
|
background: focused
|
||||||
? `linear-gradient(to bottom, ${colors.macOSTitleBarBackgroundTop} 0%, ${
|
? `linear-gradient(to bottom, ${colors.macOSTitleBarBackgroundTop} 0%, ${
|
||||||
colors.macOSTitleBarBackgroundBottom
|
colors.macOSTitleBarBackgroundBottom
|
||||||
@@ -58,10 +58,10 @@ type Props = {|
|
|||||||
togglePluginManagerVisible: (visible?: boolean) => void,
|
togglePluginManagerVisible: (visible?: boolean) => void,
|
||||||
|};
|
|};
|
||||||
|
|
||||||
class SonarTitleBar extends Component<Props> {
|
class TitleBar extends Component<Props> {
|
||||||
render() {
|
render() {
|
||||||
return (
|
return (
|
||||||
<TitleBar focused={this.props.windowIsFocused} className="toolbar">
|
<AppTitleBar focused={this.props.windowIsFocused} className="toolbar">
|
||||||
<DevicesButton />
|
<DevicesButton />
|
||||||
<ScreenCaptureButtons />
|
<ScreenCaptureButtons />
|
||||||
<Spacer />
|
<Spacer />
|
||||||
@@ -102,7 +102,7 @@ class SonarTitleBar extends Component<Props> {
|
|||||||
disabled={!this.props.rightSidebarAvailable}
|
disabled={!this.props.rightSidebarAvailable}
|
||||||
/>
|
/>
|
||||||
</ButtonGroup>
|
</ButtonGroup>
|
||||||
</TitleBar>
|
</AppTitleBar>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@@ -129,4 +129,4 @@ export default connect(
|
|||||||
toggleRightSidebarVisible,
|
toggleRightSidebarVisible,
|
||||||
togglePluginManagerVisible,
|
togglePluginManagerVisible,
|
||||||
},
|
},
|
||||||
)(SonarTitleBar);
|
)(TitleBar);
|
||||||
Reference in New Issue
Block a user