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;