diff --git a/index.html b/index.html
index 29f17aec..fd1b71f0 100644
--- a/index.html
+++ b/index.html
@@ -8,6 +8,7 @@
/>
+
diff --git a/public/config/config.example.js b/public/config/config.example.js
index c661a3d5..b7b4af47 100644
--- a/public/config/config.example.js
+++ b/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,
diff --git a/src/components/controlbuttons/ImpressumButton.tsx b/src/components/controlbuttons/ImpressumButton.tsx
new file mode 100644
index 00000000..9be1badc
--- /dev/null
+++ b/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 (
+
+
+
+
+
+ );
+};
+
+export default ImpressumButton;
\ No newline at end of file
diff --git a/src/utils/types.tsx b/src/utils/types.tsx
index 929c7b82..b7397b0a 100644
--- a/src/utils/types.tsx
+++ b/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;
diff --git a/src/views/join/Join.tsx b/src/views/join/Join.tsx
index 876f044a..535b13ce 100644
--- a/src/views/join/Join.tsx
+++ b/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={
- >
+
}
/>
);