diff --git a/tools/ui/Cargo.lock b/tools/ui/Cargo.lock
index 7e687c39..b36fc70c 100644
--- a/tools/ui/Cargo.lock
+++ b/tools/ui/Cargo.lock
@@ -111,7 +111,7 @@ checksum = "14c189c53d098945499cdfa7ecc63567cf3886b3332b312a5b4585d8d3a6a610"
[[package]]
name = "candid"
-version = "0.9.9"
+version = "0.9.10"
dependencies = [
"anyhow",
"binread",
diff --git a/tools/ui/src/auth/auth.ts b/tools/ui/src/auth/auth.ts
index d6bdfe09..92f5814d 100644
--- a/tools/ui/src/auth/auth.ts
+++ b/tools/ui/src/auth/auth.ts
@@ -1,7 +1,7 @@
import { Principal } from "@dfinity/principal"
import { authClient } from "../candid"
import { refresh_actor } from "../index"
-import { dfinity_logo, copy_icon } from "./icons"
+import { dfinityLogo, copyIcon } from "./icons"
import { identityProvider } from "./identityProvider"
export async function renderAuth() {
@@ -20,12 +20,11 @@ function insertLoginForm() {
if (!cid) {
throw new Error("No canister ID available for authentication")
} else {
- const auth = document.getElementById("authentication")
+ const auth = document.getElementById("authentication")!
const buttonLogin = document.createElement("button")
- buttonLogin.className = "btn"
- buttonLogin.style.margin = "10px"
- buttonLogin.innerHTML = `${dfinity_logo} Login with Internet Identity`
+ buttonLogin.className = "btn btn-auth"
+ buttonLogin.innerHTML = `${dfinityLogo} Login`
const canisterId = Principal.fromText(cid)
@@ -40,38 +39,20 @@ function insertLoginForm() {
await login(options)
})
- const { raw, raw_label, domain, domain_label } = domainForm()
-
- auth!.innerHTML = ""
- auth!.appendChild(raw)
- auth!.appendChild(raw_label)
- auth!.appendChild(domain)
- auth!.appendChild(domain_label)
- auth!.appendChild(buttonLogin)
+ auth.innerHTML = `
+
+
+ `
+ auth.appendChild(buttonLogin);
}
}
-function domainForm() {
- const raw = document.createElement("input")
- raw.id = "raw"
- raw.type = "checkbox"
- raw.checked = true
-
- const raw_label = document.createElement("label")
- raw_label.innerText = "raw"
- raw_label.style.marginRight = "10px"
-
- const domain = document.createElement("input")
- domain.id = "domain"
- domain.type = "checkbox"
- domain.checked = true
-
- const domain_label = document.createElement("label")
- domain_label.innerText = "icp0.io"
-
- return { raw, raw_label, domain, domain_label }
-}
-
function insertLogout() {
const auth = document.getElementById("authentication")
auth!.innerHTML = ""
@@ -111,7 +92,7 @@ function CopyId() {
const copyButton = document.createElement("button")
copyButton.id = "copyButton"
copyButton.style.cursor = "pointer"
- copyButton.innerHTML = `${copy_icon}`
+ copyButton.innerHTML = `${copyIcon}`
copyButton.addEventListener("click", function () {
navigator.clipboard.writeText(id).catch((err) => {
diff --git a/tools/ui/src/auth/icons.ts b/tools/ui/src/auth/icons.ts
index a40efc70..e1117a3c 100644
--- a/tools/ui/src/auth/icons.ts
+++ b/tools/ui/src/auth/icons.ts
@@ -1,20 +1,21 @@
-export const dfinity_logo = `
-