 (react/defc- Sidebar
   {:render
    (fn [{:keys [props state]}]
-     (let [{:keys [access-level workspace-id after-delete redacted? snapshots
+     (let [{:keys [access-level workspace-id after-delete
+                   redacted? name-validation-errors? snapshots
                    editing? locked? loaded-config body-id parent]} props
            can-edit? (common/access-greater-than? access-level "READER")
            config-id (ws-common/config->id (:methodConfiguration loaded-config))]

                              :ref "confname" :style {:maxWidth 500 :width "100%" :fontSize "100%"}
                              :defaultValue (:name config)
                              :predicates [(input/nonempty-alphanumeric_-period "Config name")]
                              :onChange #((@refs "confname") :validate)}]
            (style/create-textfield-hint input/hint-alphanumeric_-period)]
           [:div {:style {:padding "0.5em 0 1em 0"}
                  :data-test-id "method-config-name"} (:name config)]))

               {:data-test-id "save-edited-method-config-button"
                :color :state-success
                :text "Save" :icon :done
                :disabled? (cond redacted? "Choose an available snapshot"
                                 ; We have a single validation error
                                 name-validation-errors? (first name-validation-errors?))
                :onClick #(parent :-commit)}]
              [buttons/SidebarButton
               {:data-test-id "cancel-edit-method-config-button"
