diff --git a/src/chrome/MainSidebar.tsx b/src/chrome/MainSidebar.tsx index ef00ae5ea..55c080a57 100644 --- a/src/chrome/MainSidebar.tsx +++ b/src/chrome/MainSidebar.tsx @@ -30,9 +30,9 @@ import { LoadingIndicator, Button, StarButton, - ArchivedDevice, Heading, Spacer, + ArchivedDevice, } from 'flipper'; import React, {Component, PureComponent, Fragment} from 'react'; import NotificationsHub from '../NotificationsHub'; diff --git a/src/reducers/connections.tsx b/src/reducers/connections.tsx index 797f10373..21cdd74ea 100644 --- a/src/reducers/connections.tsx +++ b/src/reducers/connections.tsx @@ -219,6 +219,7 @@ const reducer = (state: State = INITAL_STATE, action: Actions): State => { return updateSelection({ ...state, + staticView: null, selectedApp, selectedPlugin, userPreferredPlugin: selectedPlugin || state.userPreferredPlugin, @@ -519,6 +520,10 @@ function canBeDefaultDevice(device: BaseDevice) { * @param state */ function updateSelection(state: Readonly): State { + if (state.staticView && state.staticView !== WelcomeScreen) { + return state; + } + const updates: Partial = { staticView: null, }; @@ -569,7 +574,5 @@ function updateSelection(state: Readonly): State { updates.selectedPlugin = DEFAULT_PLUGIN; } - const res = {...state, ...updates}; - console.log(res.selectedDevice, res.selectedApp, res.selectedPlugin); - return res; + return {...state, ...updates}; } diff --git a/src/ui/components/Info.tsx b/src/ui/components/Info.tsx index 71d2cc0b7..f455ef037 100644 --- a/src/ui/components/Info.tsx +++ b/src/ui/components/Info.tsx @@ -49,6 +49,7 @@ const InfoWrapper = styled(FlexColumn)(({type}: {type: InfoProps['type']}) => ({ border: `1px solid ${color[type]}`, background: bgColor[type], })); +InfoWrapper.displayName = 'InfoWrapper'; /** * Shows an info box with some text and a symbol. diff --git a/src/ui/components/Labeled.tsx b/src/ui/components/Labeled.tsx index b7b0d1ee5..78ea971f8 100644 --- a/src/ui/components/Labeled.tsx +++ b/src/ui/components/Labeled.tsx @@ -8,7 +8,6 @@ */ import React from 'react'; -import FlexColumn from './FlexColumn'; import Label from './Label'; import VBox from './VBox'; @@ -16,10 +15,10 @@ import VBox from './VBox'; * Vertically arranged section that starts with a label and includes standard margins */ const Labeled: React.FC<{title: string}> = ({title, children}) => ( - + - {children} - + {children} + ); export default Labeled;