23625f7a89
Summary: The 'starring' concept of plugins no longer covers the meaning of 'starring', as unstarred plugins will no longer receive data from background plugins, not be available in support request forms due to a lack of data etc. So this diff renames the feature to 'enabled'. Also fixed an issue where selecting a non-enabled plugin wouldn't show it in the sidebar if the additional plugins are collapsed. To make disabled plugins more clear, they are . now always rendered in gray. The toggle button now delays its effect for better visual feedback - [x] update side bar styling - [x] remove bottom bar warning - [x] details screen - [ ] only open connection for active plugins (will be done in a next diff) - [x] check archived / imported devices - [x] make sure device plugins work correctly - [x] check without GK's Reviewed By: jknoxville Differential Revision: D19470326 fbshipit-source-id: 9160a3434287561f56b1b741d5ba282ab6063ea8
55 lines
1.3 KiB
TypeScript
55 lines
1.3 KiB
TypeScript
/**
|
|
* Copyright (c) Facebook, Inc. and its affiliates.
|
|
*
|
|
* This source code is licensed under the MIT license found in the
|
|
* LICENSE file in the root directory of this source tree.
|
|
*
|
|
* @format
|
|
*/
|
|
|
|
import {colors} from '../ui/components/colors';
|
|
import {styled} from '../ui';
|
|
import {connect} from 'react-redux';
|
|
import {State} from '../reducers';
|
|
import React, {ReactElement} from 'react';
|
|
import Text from '../ui/components/Text';
|
|
|
|
const StatusBarContainer = styled(Text)({
|
|
backgroundColor: colors.macOSTitleBarBackgroundBlur,
|
|
borderTop: '1px solid #b3b3b3',
|
|
lineHeight: '26px',
|
|
padding: '0 10px',
|
|
textOverflow: 'ellipsis',
|
|
overflow: 'hidden',
|
|
textAlign: 'center',
|
|
});
|
|
|
|
type Props = {
|
|
statusMessage: React.ReactNode | string | null;
|
|
};
|
|
|
|
export function statusBarView(props: Props): ReactElement | null {
|
|
const {statusMessage} = props;
|
|
if (statusMessage) {
|
|
return (
|
|
<StatusBarContainer whiteSpace="nowrap">
|
|
{statusMessage}
|
|
</StatusBarContainer>
|
|
);
|
|
} else {
|
|
return null;
|
|
}
|
|
}
|
|
|
|
export default connect<Props, void, {}, State>((state: State) => {
|
|
const {
|
|
application: {statusMessages},
|
|
} = state;
|
|
if (statusMessages.length > 0) {
|
|
return {statusMessage: statusMessages[statusMessages.length - 1]};
|
|
}
|
|
return {
|
|
statusMessage: null,
|
|
};
|
|
})(statusBarView);
|