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 */}