Package upgrade feat (#189)

* add meta keywords tag back

* add basic impressum

index.html

@@ -8,6 +8,7 @@
 		/>
 		<meta name='description' content='edumeet - Simple web meetings'>
 		<meta name='theme-color' content='#000000' />
+		<meta name="keywords" content="edumeet,letsmeet,multiparty,videoconference,meet,WebRTC,room,rooms,geant,video conferencing, video conference, online meetings, web meeting, video meeting, cloud meeting, cloud video, group video call, group video chat, screen share, application share, mobility, mobile collaboration, desktop share, video collaboration">
 
 		<link rel='preconnect' href='https://fonts.googleapis.com/css?family=Roboto' rel='stylesheet'>
 		<link rel='shortcut icon' href='/images/favicon.ico' />

public/config/config.example.js

@@ -9,6 +9,8 @@
 var config = {
 	// Location of management service.
 	managementUrl: 'http://localhost:3030',
+	// Location of the privacy files.
+	impressumUrl: '/privacy/privacy.html',
 	// If ability to log in is enabled.
 	loginEnabled: true,
 

src/components/controlbuttons/ImpressumButton.tsx

@@ -0,0 +1,29 @@
+import InfoIcon from '@mui/icons-material/Info';
+import React from 'react';
+import { Box, Button } from '@mui/material';
+import { styled } from '@mui/material/styles';
+import edumeetConfig from '../../utils/edumeetConfig';
+
+const ImpressumContainer = styled(Box)(({ theme }) => ({
+	position: 'absolute',
+	bottom: theme.spacing(1.5),
+	left: theme.spacing(1.5),
+	color: 'white',
+}));
+
+const impressumUrl = edumeetConfig.impressumUrl;
+
+const ImpressumButton: React.FC = () => {
+	return (
+		<div>
+			<ImpressumContainer>
+				<Button href={impressumUrl} variant="text" color="primary" title='Privacy info' >
+					<InfoIcon />
+
+				</Button>
+			</ImpressumContainer>
+		</div>
+	);
+};
+
+export default ImpressumButton;

src/utils/types.tsx

@@ -3,6 +3,7 @@ import { TFLite } from '../services/effectsService';
 
 export const defaultEdumeetConfig: EdumeetConfig = {
 	managementUrl: undefined,
+	impressumUrl: '/privacy/privacy.html',
 	loginEnabled: false,
 	developmentPort: 8443,
 	productionPort: 443,
@@ -93,6 +94,7 @@ export const defaultEdumeetConfig: EdumeetConfig = {
 
 export interface EdumeetConfig {
 	managementUrl?: string;
+	impressumUrl: string;
 	loginEnabled: boolean;
 	developmentPort: number;
 	productionPort: number;

src/views/join/Join.tsx

@@ -18,6 +18,7 @@ import { meActions } from '../../store/slices/meSlice';
 import AudioOutputChooser from '../../components/devicechooser/AudioOutputChooser';
 import { canSelectAudioOutput } from '../../store/selectors';
 import TestAudioOutputButton from '../../components/audiooutputtest/AudioOutputTest';
+import ImpressumButton from '../../components/controlbuttons/ImpressumButton';
 
 interface JoinProps {
 	roomId: string;
@@ -84,14 +85,15 @@ const Join = ({ roomId }: JoinProps): React.JSX.Element => {
 				</>
 			}
 			actions={
-				<Button
+				<><ImpressumButton /><Button
 					onClick={handleJoin}
 					variant='contained'
 					disabled={!displayName || joinInProgress || mediaLoading}
 					size='small'
 				>
-					{ joinLabel() }
-				</Button>
+					{joinLabel()}
+				</Button></>
+
 			}
 		/>
 	);