Add invites v19

Author: Astagor

src/components/managementservice/meetings/Meetings.tsx

@@ -26,6 +26,7 @@ import { Meeting, MeetingAttendee, MeetingPartstat, Room, User } from '../../../
 import { useAppDispatch, useAppSelector } from '../../../store/hooks';
 import { localeList } from '../../../utils/intlManager';
 import { browserTimezone, timezoneOptions } from '../../../utils/timezones';
+import { ensureMomentLocale, toMomentLocale } from '../../../utils/momentLocale';
 import {
 	createData,
 	deleteData,
@@ -128,6 +129,9 @@ const MeetingsTable = () => {
 	const localization = useMRTLocalization();
 	const uiLocale = useAppSelector((state) => state.settings.locale);
 	const defaultLocale = mapUiLocaleToFile(uiLocale);
+	const momentLocale = toMomentLocale(defaultLocale);
+
+	useEffect(() => { ensureMomentLocale(defaultLocale); }, [ defaultLocale ]);
 
 	const [ data, setData ] = useState<Meeting[]>([]);
 	const [ rooms, setRooms ] = useState<Room[]>([]);
@@ -425,7 +429,7 @@ const MeetingsTable = () => {
 	};
 
 	return (
-		<LocalizationProvider dateAdapter={AdapterMoment}>
+		<LocalizationProvider dateAdapter={AdapterMoment} adapterLocale={momentLocale}>
 			<Box>
 				<Typography variant="h6">{meetingsLabel()}</Typography>
 				<Button variant="outlined" onClick={handleOpenAdd} sx={{ mt: 1, mb: 1 }} disabled={rooms.length === 0}>

src/components/managementservice/rooms/RoomMeetings.tsx

@@ -27,6 +27,7 @@ import { Meeting, MeetingAttendee, MeetingPartstat, User } from '../../../utils/
 import { useAppDispatch, useAppSelector } from '../../../store/hooks';
 import { localeList } from '../../../utils/intlManager';
 import { browserTimezone, timezoneOptions } from '../../../utils/timezones';
+import { ensureMomentLocale, toMomentLocale } from '../../../utils/momentLocale';
 import {
 	createData,
 	deleteData,
@@ -128,6 +129,9 @@ const RoomMeetingsTable = (props: RoomProp) => {
 	const localization = useMRTLocalization();
 	const uiLocale = useAppSelector((state) => state.settings.locale);
 	const defaultLocale = mapUiLocaleToFile(uiLocale);
+	const momentLocale = toMomentLocale(defaultLocale);
+
+	useEffect(() => { ensureMomentLocale(defaultLocale); }, [ defaultLocale ]);
 
 	const [ data, setData ] = useState<Meeting[]>([]);
 	const [ users, setUsers ] = useState<User[]>([]);
@@ -404,7 +408,7 @@ const RoomMeetingsTable = (props: RoomProp) => {
 	};
 
 	return (
-		<LocalizationProvider dateAdapter={AdapterMoment}>
+		<LocalizationProvider dateAdapter={AdapterMoment} adapterLocale={momentLocale}>
 			<Box sx={{ mt: 2 }}>
 				<Typography variant="h6">{meetingsLabel()}</Typography>
 				<Button variant="outlined" onClick={handleOpenAdd} sx={{ mt: 1, mb: 1 }}>

src/components/managementservice/tenants/TenantInviteConfig.tsx

@@ -190,6 +190,9 @@ const TenantInviteConfigPanel = (props: TenantInviteConfigProps) => {
 							sx={{ flex: 3 }}
 							value={smtpHost}
 							onChange={(e) => setSmtpHost(e.target.value)}
+							placeholder="smtp.example.com"
+							error={smtpHost.includes('@')}
+							helperText={smtpHost.includes('@') ? 'Server hostname only (no @)' : ''}
 						/>
 						<TextField
 							label={smtpPortLabel()}
@@ -239,6 +242,9 @@ const TenantInviteConfigPanel = (props: TenantInviteConfigProps) => {
 							sx={{ flex: 3 }}
 							value={imapHost}
 							onChange={(e) => setImapHost(e.target.value)}
+							placeholder="imap.example.com"
+							error={imapHost.includes('@')}
+							helperText={imapHost.includes('@') ? 'Server hostname only (no @)' : ''}
 						/>
 						<TextField
 							label={imapPortLabel()}