diff --git a/app/assets/styles/blink/_CallMeMaybeModal.scss b/app/assets/styles/blink/_CallMeMaybeModal.scss index feb5bfc..8dc09a8 100644 --- a/app/assets/styles/blink/_CallMeMaybeModal.scss +++ b/app/assets/styles/blink/_CallMeMaybeModal.scss @@ -1,20 +1,21 @@ .title { padding: 5px; - font-size: 36px; + font-size: 30px; text-align: center; } .body { padding: 10px; font-size: 16px; text-align: center; } .container { padding: 30px; margin: 10px; } .iconContainer { flex-direction: row; + justify-content: center; } diff --git a/app/components/AboutModal.js b/app/components/AboutModal.js index 84eb2e3..21e6525 100644 --- a/app/components/AboutModal.js +++ b/app/components/AboutModal.js @@ -1,30 +1,36 @@ import React from 'react'; -import { Text } from 'react-native'; +import { Text, Linking } from 'react-native'; import PropTypes from 'prop-types'; import { Dialog, Portal, Surface, Title } from 'react-native-paper'; import KeyboardAwareDialog from './KeyBoardAwareDialog'; const DialogType = Platform.OS === 'ios' ? KeyboardAwareDialog : Dialog; import styles from '../assets/styles/blink/_AboutModal.scss'; +function handleLink(event) { + Linking.openURL('https://sylkserver.com'); +} + + const AboutModal = (props) => { return ( About Sylk - Sylk is the WebRTC client companion for SylkServer - http://sylkserver.com + Sylk is the client part of Sylk Suite, a set of + applications for real-time communications using SIP and WebRTC protocols. + handleLink()} style={styles.body}>https://sylkserver.com ); } AboutModal.propTypes = { show: PropTypes.bool.isRequired, close: PropTypes.func.isRequired }; export default AboutModal; diff --git a/app/components/CallMeMaybeModal.js b/app/components/CallMeMaybeModal.js index d33e028..a8a5024 100644 --- a/app/components/CallMeMaybeModal.js +++ b/app/components/CallMeMaybeModal.js @@ -1,112 +1,112 @@ import React, { Component } from 'react'; import { View } from 'react-native'; import PropTypes from 'prop-types'; import { Dialog, Title, Surface, Portal, IconButton, Text } from 'react-native-paper'; import autoBind from 'auto-bind'; import { openComposer } from 'react-native-email-link'; import KeyboardAwareDialog from './KeyBoardAwareDialog'; import Share from 'react-native-share'; const DialogType = Platform.OS === 'ios' ? KeyboardAwareDialog : Dialog; import utils from '../utils'; import styles from '../assets/styles/blink/_CallMeMaybeModal.scss'; class CallMeMaybeModal extends Component { constructor(props) { super(props); autoBind(this); } handleClipboardButton(event) { utils.copyToClipboard(this.props.callUrl); - this.props.notificationCenter().postSystemNotification('Call me', {body: 'Web address copied to the clipboard'}); + this.props.notificationCenter().postSystemNotification('Call me', {body: 'Web address copied to the clipboard', timeout: 2}); this.props.close(); } handleEmailButton(event) { const sipUri = this.props.callUrl.split('/').slice(-1)[0]; // hack! const emailMessage = `You can call me using a Web browser at ${this.props.callUrl} or a SIP client at ${sipUri} ` + - 'or by using the freely available Sylk WebRTC client app at http://sylkserver.com'; + 'or by using the freely available Sylk client app from http://sylkserver.com'; const subject = 'Call me, maybe?'; openComposer({ subject, body: emailMessage }) // Linking.canOpenURL(this.emailLink) // .then((supported) => { // if (!supported) { // } else { // return Linking.openURL(url); // } // }) // .catch((err) => { // this.props.notificationCenter().postSystemNotification('Call me', {body: 'Unable to open email app'}); // }); this.props.close(); } handleShareButton(event) { const sipUri = this.props.callUrl.split('/').slice(-1)[0]; // hack! let options= { subject: 'Call me, maybe?', message: `You can call me using a Web browser at ${this.props.callUrl} or a SIP client at ${sipUri} or by using the freely available Sylk WebRTC client app at http://sylkserver.com` } Share.open(options) .then((res) => { this.props.close(); }) .catch((err) => { this.props.close(); }); } render() { return ( Call me, maybe? - Share {this.props.callUrl} with others so they can easily call you. + Share {this.props.callUrl} with others so they can call you ); } } CallMeMaybeModal.propTypes = { show : PropTypes.bool.isRequired, close : PropTypes.func.isRequired, callUrl : PropTypes.string.isRequired, notificationCenter : PropTypes.func.isRequired }; export default CallMeMaybeModal;