Manage case without anchor

dfinity · Apr 9, 2024 · 1306c9a · 1306c9a
1 parent 8ce57d6
commit 1306c9a
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 1 deletion.
diff --git a/src/frontend/src/flows/verifiableCredentials/allowCredentials.ts b/src/frontend/src/flows/verifiableCredentials/allowCredentials.ts
@@ -60,6 +60,14 @@ const allowCredentialsTemplate = ({
     onSubmit: (userNumber) => onAllow(userNumber),
   });
 
+  const presentCredential = () => {
+    if (userNumber === undefined) {
+      anchorInput.submit();
+      return;
+    }
+    onAllow(userNumber);
+  };
+
   const knownDapps = getDapps();
   const consentMessage = new Chan<TemplateElement>(html`${consentMessage_}`);
 
@@ -105,6 +113,8 @@ const allowCredentialsTemplate = ({
       </div>
     </div>
 
+    ${userNumber === undefined ? anchorInput.template : ""}
+
     <div class="c-separator l-stack">
       <div class="c-separator__dot--tiny"></div>
       <div class="c-separator__dot--small"></div>
@@ -137,7 +147,7 @@ const allowCredentialsTemplate = ({
       <button
         data-action="allow"
         class="c-button"
-        @click="${() => anchorInput.submit()}"
+        @click="${presentCredential}"
       >
         ${copy.allow}
       </button>

diff --git a/src/showcase/src/pages/allowCredentials.astro b/src/showcase/src/pages/allowCredentials.astro
@@ -13,6 +13,7 @@ import Screen from "../layouts/Screen.astro";
       i18n,
       relyingOrigin: "https://oc.app",
       providerOrigin: "https://nns.ic0.app",
+      userNumber: 123456n,
       consentMessage: "Lives in Switzerland",
       onAllow: () => toast.info(html`Allowed`),
       onCancel: () => toast.info(html`Canceled`),

diff --git a/...c/pages/allowCredentialsLongMessage.astro → .../src/pages/allowCredentialsEdgeCase.astro b/...c/pages/allowCredentialsLongMessage.astro → .../src/pages/allowCredentialsEdgeCase.astro