import React, { Component } from 'react'; import PropTypes from 'prop-types'; import { observer, PropTypes as MobxPropTypes } from 'mobx-react'; import { Link } from 'react-router'; import { defineMessages, intlShape } from 'react-intl'; import Webview from './ServiceWebview'; import Appear from '../../ui/effects/Appear'; const messages = defineMessages({ welcome: { id: 'services.welcome', defaultMessage: '!!!Welcome to Franz', }, getStarted: { id: 'services.getStarted', defaultMessage: '!!!Get started', }, }); @observer export default class Services extends Component { static propTypes = { services: MobxPropTypes.arrayOrObservableArray.isRequired, setWebviewReference: PropTypes.func.isRequired, handleIPCMessage: PropTypes.func.isRequired, openWindow: PropTypes.func.isRequired, reload: PropTypes.func.isRequired, }; static defaultProps = { services: [], activeService: '', }; static contextTypes = { intl: intlShape, }; render() { const { services, handleIPCMessage, setWebviewReference, openWindow, reload, } = this.props; const { intl } = this.context; return (