ba5f067320
Summary: When trying to refactor some components, did once again run into circular imports that cause the flipper startup sequence to fail. Added linting rules to make sure this is much less likely to happen in the future, and fixed all resulting errors Reviewed By: nikoant Differential Revision: D24390583 fbshipit-source-id: 9b20cf6a4d3555dc68f0069c2950dd7162b17e67
122 lines
2.9 KiB
TypeScript
122 lines
2.9 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 {LauncherMsg} from '../reducers/application';
|
|
import {colors, FlexRow, Glyph, styled} from '../ui';
|
|
import Tooltip from '../ui/components/Tooltip';
|
|
import isProduction from '../utils/isProduction';
|
|
import {
|
|
checkForUpdate,
|
|
VersionCheckResult,
|
|
} from '../utils/publicVersionChecker';
|
|
import {reportPlatformFailures} from '../utils/metrics';
|
|
import React from 'react';
|
|
import {shell} from 'electron';
|
|
import config from '../utils/processConfig';
|
|
import fbConfig from '../fb-stubs/config';
|
|
|
|
const Container = styled(FlexRow)({
|
|
alignItems: 'center',
|
|
marginLeft: 4,
|
|
});
|
|
|
|
type Props = {
|
|
launcherMsg: LauncherMsg;
|
|
version: string;
|
|
};
|
|
|
|
type State = {
|
|
versionCheckResult: VersionCheckResult;
|
|
};
|
|
|
|
function getSeverityColor(severity: 'warning' | 'error'): string {
|
|
switch (severity) {
|
|
case 'warning':
|
|
return colors.light30;
|
|
case 'error':
|
|
return colors.cherry;
|
|
}
|
|
}
|
|
|
|
export default class UpdateIndicator extends React.PureComponent<Props, State> {
|
|
state = {
|
|
versionCheckResult: {kind: 'up-to-date'} as VersionCheckResult,
|
|
};
|
|
|
|
renderMessage(): React.ReactNode {
|
|
if (this.props.launcherMsg.message.length == 0) {
|
|
return null;
|
|
}
|
|
|
|
return (
|
|
<Container>
|
|
<span title={this.props.launcherMsg.message}>
|
|
<Glyph
|
|
color={getSeverityColor(this.props.launcherMsg.severity)}
|
|
name="caution-triangle"
|
|
/>
|
|
</span>
|
|
</Container>
|
|
);
|
|
}
|
|
|
|
renderUpdateIndicator(): React.ReactNode {
|
|
const result = this.state.versionCheckResult;
|
|
if (result.kind !== 'update-available') {
|
|
return null;
|
|
}
|
|
|
|
const container = (
|
|
<Container>
|
|
<span
|
|
onClick={() => shell.openExternal(result.url)}
|
|
role="button"
|
|
tabIndex={0}>
|
|
<Glyph
|
|
color={getSeverityColor(this.props.launcherMsg.severity)}
|
|
name="caution-triangle"
|
|
/>
|
|
</span>
|
|
</Container>
|
|
);
|
|
return (
|
|
<Tooltip
|
|
options={{position: 'toLeft'}}
|
|
title={`Update to Flipper v${result.version} available. Click to download.`}
|
|
children={container}
|
|
/>
|
|
);
|
|
}
|
|
|
|
componentDidMount() {
|
|
if (isProduction() && (config().launcherEnabled || !fbConfig.isFBBuild)) {
|
|
reportPlatformFailures(
|
|
checkForUpdate(this.props.version).then((res) => {
|
|
if (res.kind === 'error') {
|
|
console.warn('Version check failure: ', res.msg);
|
|
throw new Error(res.msg);
|
|
}
|
|
|
|
this.setState({versionCheckResult: res});
|
|
}),
|
|
'publicVersionCheck',
|
|
);
|
|
}
|
|
}
|
|
|
|
render(): React.ReactNode {
|
|
return (
|
|
<>
|
|
{this.renderMessage()}
|
|
{this.renderUpdateIndicator()}
|
|
</>
|
|
);
|
|
}
|
|
}
|