Add instructions to DANDI api_key input

NeurodataWithoutBorders · Sep 7, 2023 · ad6f4fc · ad6f4fc
1 parent 4ca74cc
commit ad6f4fc
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 2 deletions.
diff --git a/schemas/json/dandi/global.json b/schemas/json/dandi/global.json
@@ -2,7 +2,8 @@
     "properties": {
         "api_key": {
             "type": "string",
-            "format": "password"
+            "format": "password",
+            "description": "Log in to DANDI, click on your user initials in the top-right corner, and copy your API key from the resulting pop-up. <br/><small><b>Note:</b> <a href='https://dandiarchive.org' target='_blank'>Production</a> and <a href='https://gui-staging.dandiarchive.org'  target='_blank'>staging</a> servers have different API keys and different logins</small>"
         }
     },
     "required": ["api_key"]

diff --git a/src/renderer/src/stories/JSONSchemaForm.js b/src/renderer/src/stories/JSONSchemaForm.js
@@ -1,4 +1,6 @@
 import { LitElement, css, html } from "lit";
+import { unsafeHTML } from "lit/directives/unsafe-html.js";
+
 import { Accordion } from "./Accordion";
 
 import { checkStatus } from "../validation";
@@ -424,7 +426,7 @@ export class JSONSchemaForm extends LitElement {
                 ${interactiveInput}
                 ${info.description
                     ? html`<p class="guided--text-input-instructions">
-                          ${capitalize(info.description)}${info.description.slice(-1)[0] === "." ? "" : "."}
+                          ${unsafeHTML(capitalize(info.description))}${info.description.slice(-1)[0] === "." ? "" : "."}
                       </p>`
                     : ""}
                 <div class="errors"></div>