Add invites v1

Author: Astagor

package.json

@@ -51,6 +51,7 @@
 		"redux-logger": "^3.0.6",
 		"redux-persist": "^6.0.0",
 		"reselect": "^5.1.1",
+		"rrule": "^2.8.1",
 		"socket.io-client": "^4.8.0",
 		"typescript": "^5.9.3",
 		"uuid": "^9.0.1",

public/config/config.example.js

@@ -98,6 +98,10 @@ var config = {
 	 */
 	myRoomsTabEnabled: true,
 
+	/**
+	 * Enable/disable tab 'My meetings' (upcoming calendar invites) on landing page
+	 */
+	myMeetingsTabEnabled: true,
 
 	/**
 	 * Optional: enable countdown timer in UI.

src/components/controlbuttons/MeetingsButton.tsx

@@ -0,0 +1,62 @@
+import { useEffect, useState } from 'react';
+import EventIcon from '@mui/icons-material/Event';
+import ControlButton, { ControlButtonProps } from './ControlButton';
+import { useAppDispatch, useAppSelector } from '../../store/hooks';
+import { getData } from '../../store/actions/managementActions';
+import edumeetConfig from '../../utils/edumeetConfig';
+import MeetingsDialog from '../meetingsdialog/MeetingsDialog';
+import { upcomingMeetingsLabel } from '../translated/translatedComponents';
+
+const MeetingsButton = ({
+	...props
+}: ControlButtonProps): React.JSX.Element | null => {
+	const dispatch = useAppDispatch();
+	const loggedIn = useAppSelector((state) => state.permissions.loggedIn);
+	const myMeetingsTabEnabled = edumeetConfig.myMeetingsTabEnabled;
+
+	const [ invitesEnabled, setInvitesEnabled ] = useState(false);
+	const [ open, setOpen ] = useState(false);
+
+	useEffect(() => {
+		// always hide until the current async check confirms invites are on
+		setInvitesEnabled(false);
+		if (!loggedIn || !myMeetingsTabEnabled) return;
+
+		let cancelled = false;
+
+		dispatch(getData('tenantInviteConfigs'))
+			.then((res: unknown) => {
+				if (cancelled) return;
+				const list = (res && typeof res === 'object' && 'data' in res)
+					? (res as { data: Array<{ enabled?: boolean }> }).data
+					: [];
+				const hasEnabled = Array.isArray(list) && list.some((c) => c.enabled);
+
+				setInvitesEnabled(Boolean(hasEnabled));
+			})
+			.catch(() => {
+				if (!cancelled) setInvitesEnabled(false);
+			});
+
+		return () => {
+			cancelled = true;
+		};
+	}, [ loggedIn, myMeetingsTabEnabled ]);
+
+	if (!loggedIn || !myMeetingsTabEnabled || !invitesEnabled) return null;
+
+	return (
+		<>
+			<ControlButton
+				toolTip={upcomingMeetingsLabel()}
+				onClick={() => setOpen(true)}
+				{ ...props }
+			>
+				<EventIcon />
+			</ControlButton>
+			<MeetingsDialog open={open} onClose={() => setOpen(false)} />
+		</>
+	);
+};
+
+export default MeetingsButton;