diff --git a/src/App.js b/src/App.js index 1676b6dae..50f0f2b1a 100644 --- a/src/App.js +++ b/src/App.js @@ -10,7 +10,7 @@ import {FlexColumn, FlexRow} from 'flipper'; import {connect} from 'react-redux'; import {toggleBugDialogVisible} from './reducers/application.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 BugReporterDialog from './chrome/BugReporterDialog.js'; import ErrorBar from './chrome/ErrorBar.js'; @@ -51,7 +51,7 @@ export class App extends React.Component { render() { return ( - + {this.props.bugDialogVisible && ( ({ +const AppTitleBar = styled(FlexRow)(({focused}) => ({ background: focused ? `linear-gradient(to bottom, ${colors.macOSTitleBarBackgroundTop} 0%, ${ colors.macOSTitleBarBackgroundBottom @@ -58,10 +58,10 @@ type Props = {| togglePluginManagerVisible: (visible?: boolean) => void, |}; -class SonarTitleBar extends Component { +class TitleBar extends Component { render() { return ( - + @@ -102,7 +102,7 @@ class SonarTitleBar extends Component { disabled={!this.props.rightSidebarAvailable} /> - + ); } } @@ -129,4 +129,4 @@ export default connect( toggleRightSidebarVisible, togglePluginManagerVisible, }, -)(SonarTitleBar); +)(TitleBar);