diff --git a/web/src/i18n/en/index.ts b/web/src/i18n/en/index.ts
index d48ff11979..eea0f96b9f 100644
--- a/web/src/i18n/en/index.ts
+++ b/web/src/i18n/en/index.ts
@@ -375,7 +375,8 @@ const en: BaseTranslation = {
label: 'Phone',
},
enableEnrollment: {
- label: 'Use enrollment process',
+ label: 'Use user self-enrollment process',
+ link: '[more information here](https://defguard.gitbook.io/defguard/help/enrollment)',
},
},
},
diff --git a/web/src/i18n/i18n-types.ts b/web/src/i18n/i18n-types.ts
index 341cc8dd0d..9e2b916eec 100644
--- a/web/src/i18n/i18n-types.ts
+++ b/web/src/i18n/i18n-types.ts
@@ -879,9 +879,13 @@ type RootTranslation = {
}
enableEnrollment: {
/**
- * Use enrollment process
+ * Use user self-enrollment process
*/
label: string
+ /**
+ * [more information here](https://defguard.gitbook.io/defguard/help/enrollment)
+ */
+ link: string
}
}
}
@@ -5056,9 +5060,13 @@ export type TranslationFunctions = {
}
enableEnrollment: {
/**
- * Use enrollment process
+ * Use user self-enrollment process
*/
label: () => LocalizedString
+ /**
+ * [more information here](https://defguard.gitbook.io/defguard/help/enrollment)
+ */
+ link: () => LocalizedString
}
}
}
diff --git a/web/src/i18n/pl/index.ts b/web/src/i18n/pl/index.ts
index b1898aeb81..59ca5502d4 100644
--- a/web/src/i18n/pl/index.ts
+++ b/web/src/i18n/pl/index.ts
@@ -378,6 +378,7 @@ const pl: Translation = {
},
enableEnrollment: {
label: 'Użyj zdalnej rejestracji',
+ link: '[więcej informacji tutaj](https://defguard.gitbook.io/defguard/help/enrollment)',
},
},
},
diff --git a/web/src/pages/users/UsersOverview/modals/AddUserModal/components/AddUserForm/AddUserForm.tsx b/web/src/pages/users/UsersOverview/modals/AddUserModal/components/AddUserForm/AddUserForm.tsx
index c35eee2ecf..37e36c47b7 100644
--- a/web/src/pages/users/UsersOverview/modals/AddUserModal/components/AddUserForm/AddUserForm.tsx
+++ b/web/src/pages/users/UsersOverview/modals/AddUserModal/components/AddUserForm/AddUserForm.tsx
@@ -5,6 +5,7 @@ import { useMutation, useQueryClient } from '@tanstack/react-query';
import { omit } from 'lodash-es';
import { useMemo, useRef, useState } from 'react';
import { SubmitHandler, useController, useForm } from 'react-hook-form';
+import ReactMarkdown from 'react-markdown';
import { z } from 'zod';
import { shallow } from 'zustand/shallow';
@@ -188,11 +189,16 @@ export const AddUserForm = () => {
data-testid="add-user-form"
onSubmit={handleSubmit(onSubmit)}
>
-