diff --git a/webui/src/views/AddRepoModal.tsx b/webui/src/views/AddRepoModal.tsx
index ee5d600c..e4bae662 100644
--- a/webui/src/views/AddRepoModal.tsx
+++ b/webui/src/views/AddRepoModal.tsx
@@ -168,36 +168,38 @@ export const AddRepoModal = ({
disabled={confirmLoading}
>
{/* Repo.id */}
-
- hasFeedback
- name="id"
- label="Repo Name"
- validateTrigger={["onChange", "onBlur"]}
- rules={[
- {
- required: true,
- message: "Please input repo name",
- },
- {
- validator: async (_, value) => {
- if (template) return;
- if (config?.repos?.find((r) => r.id === value)) {
- throw new Error();
- }
+
+
+ hasFeedback
+ name="id"
+ label="Repo Name"
+ validateTrigger={["onChange", "onBlur"]}
+ rules={[
+ {
+ required: true,
+ message: "Please input repo name",
},
- message: "Repo with name already exists",
- },
- {
- pattern: namePattern,
- message: "Name must be alphanumeric with dashes or underscores as separators",
- }
- ]}
- >
-
-
+ {
+ validator: async (_, value) => {
+ if (template) return;
+ if (config?.repos?.find((r) => r.id === value)) {
+ throw new Error();
+ }
+ },
+ message: "Repo with name already exists",
+ },
+ {
+ pattern: namePattern,
+ message: "Name must be alphanumeric with dashes or underscores as separators",
+ }
+ ]}
+ >
+
+
+
{/* Repo.uri */}
@@ -237,36 +239,47 @@ export const AddRepoModal = ({
{/* Repo.password */}
-
-
-
-
- hasFeedback
- name="password"
- validateTrigger={["onChange", "onBlur"]}
+
+ This password that encrypts data in your repository.
+
+ - Recommended to pick a value that is 128 bits of entropy (20 chars or longer)
+ - You may alternatively provide env variable credentials e.g. RESTIC_PASSWORD, RESTIC_PASSWORD_FILE, or RESTIC_PASSWORD_COMMAND.
+ - Click [Generate] to seed a random password from your browser's crypto random API.
+
+ >}
+ >
+
+
+
+
+ hasFeedback
+ name="password"
+ validateTrigger={["onChange", "onBlur"]}
+ >
+
+
+
+
-
-
-
-
-
-
-
-
+
+
+
+
+
{/* Repo.env */}