snapshot of https://github.com/RocketChat/Rocket.Chat.git (develop, 2026-09-16; blobs > 131072B omitted)

apps/meteor/client/views/audit/components/tabs/UsersTab.tsx

@@ -0,0 +1,46 @@
+import { Field, FieldLabel, FieldRow, FieldError } from '@rocket.chat/fuselage';
+import type { UseFormReturn } from 'react-hook-form';
+import { useController } from 'react-hook-form';
+import { useTranslation } from 'react-i18next';
+
+import UserAutoCompleteMultiple from '../../../../components/UserAutoCompleteMultiple';
+import type { AuditFields } from '../../hooks/useAuditForm';
+
+export type UsersTabProps = {
+	form: UseFormReturn<AuditFields>;
+};
+
+const UsersTab = ({ form: { control } }: UsersTabProps) => {
+	const { t } = useTranslation();
+
+	const { field: usersField, fieldState: usersFieldState } = useController({
+		name: 'users',
+		control,
+		rules: {
+			required: true,
+			validate: (value) => {
+				if (value.length < 1) {
+					return t('Required_field', { field: t('Users') });
+				}
+			},
+		},
+	});
+
+	return (
+		<Field flexShrink={1}>
+			<FieldLabel>{t('Users')}</FieldLabel>
+			<FieldRow>
+				<UserAutoCompleteMultiple
+					error={usersFieldState.error?.message}
+					value={usersField.value}
+					onChange={usersField.onChange}
+					placeholder={t('Username_Placeholder')}
+				/>
+			</FieldRow>
+			{usersFieldState.error?.type === 'required' && <FieldError>{t('Required_field', { field: t('Users') })}</FieldError>}
+			{usersFieldState.error?.type === 'validate' && <FieldError>{usersFieldState.error.message}</FieldError>}
+		</Field>
+	);
+};
+
+export default UsersTab;