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={ - + {joinLabel()} + + } /> );