Add support and privacy URLs (#414)

app/public/config/config.example.js

@@ -133,6 +133,15 @@ var config =
 	// Add file and uncomment for adding logo to appbar
 	// logo       : 'images/logo.svg',
 	title                : 'Multiparty meeting',
+	// Service & Support URL
+	// if not set then not displayed on the about modals
+	supportUrl           : 'https://support.example.com',
+	// Privacy and dataprotection URL or path
+	// by default privacy/privacy.html
+	// that is a placeholder for your policies
+	//
+	// but an external url could be also used here	 
+	privacyUrl           : 'static/privacy.html',
 	theme                :
 	{
 		palette :

app/src/components/Controls/About.js

@@ -13,6 +13,7 @@ import DialogContent from '@material-ui/core/DialogContent';
 import DialogContentText from '@material-ui/core/DialogContentText';
 import Link from '@material-ui/core/Link';
 import Button from '@material-ui/core/Button';
+import Divider from '@material-ui/core/Divider';
 
 const styles = (theme) =>
 	({
@@ -45,9 +46,13 @@ const styles = (theme) =>
 			display      : 'block',
 			textAlign    : 'center',
 			marginBottom : theme.spacing(1)
+		},
+		divider :
+		{
+			marginBottom : theme.spacing(3)
 		}
 	});
-
+const eduMeetUrl='https://edumeet.org';
 const About = ({
 	aboutOpen,
 	handleCloseAbout,
@@ -86,9 +91,11 @@ const About = ({
 					Amsterdam, The Netherlands. UK branch address: City House,
 					126-130 Hills Road, Cambridge CB2 1PQ, UK.
 				</DialogContentText>
-				<Link href='https://edumeet.org' target='_blank' rel='noreferrer' color='secondary' variant='h6' className={classes.link}>
+				<DialogContentText align='center' paragraph>
-					https://edumeet.org
+					<Link href={eduMeetUrl} target='_blank' rel='noreferrer' color='secondary' variant='h6'>
+						{eduMeetUrl}
 					</Link>
+				</DialogContentText>
 				<DialogContentText align='center' variant='body2'>
 					<FormattedMessage
 						id='label.version'
@@ -96,6 +103,21 @@ const About = ({
 					/>
 					:{` ${process.env.REACT_APP_VERSION}`}
 				</DialogContentText>
+				<Divider variant='middle' light className={classes.divider}/>
+				{
+					window.config.supportUrl
+					&&
+					<DialogContentText align='center' paragraph>
+						<span>Visit for more info: </span>
+						<Link href={window.config.supportUrl} target='_blank' rel='noreferrer' color='secondary'>
+							{ window.config.supportUrl }
+						</Link>
+					</DialogContentText>
+				}
+				<Link href={window.config.privacyUrl ? window.config.privacyUrl : 'privacy/privacy.html'} target='_blank' rel='noreferrer' color='secondary' className={classes.link}>
+					Data protection and Privacy Policy
+				</Link>
+
 			</DialogContent>
 			<DialogActions>
 				{ window.config.logo && <img alt='Logo' className={classes.logo} src={window.config.logo} /> }