Add tsx syntax to KeyValueDelete.

src/pages/Secrets/KeyValue/KeyValueDelete.tsx

@@ -1,7 +1,7 @@
 import { Page } from "../../../types/Page";
 import { SecretTitleElement } from "../SecretTitleElement";
 import { deleteSecret } from "../../../api/kv/deleteSecret";
-import { makeElement } from "z-makeelement";
+import { render } from "preact";
 import i18next from "i18next";
 
 export class KeyValueDeletePage extends Page {
@@ -18,19 +18,12 @@ export class KeyValueDeletePage extends Page {
     }
   }
   async render(): Promise<void> {
-    await this.router.setPageContent(
+    render(
-      makeElement({
+      <div>
-        tag: "div",
+        <h5>{i18next.t("kv_delete_text")}</h5>
-        children: [
+        <button
-          makeElement({
+          class="uk-button uk-button-danger"
-            tag: "h5",
+          onClick={async () => {
-            text: i18next.t("kv_delete_text"),
-          }),
-          makeElement({
-            tag: "button",
-            class: ["uk-button", "uk-button-danger"],
-            text: i18next.t("kv_delete_btn"),
-            onclick: async () => {
             await deleteSecret(
               this.state.baseMount,
               this.state.secretMountType,
@@ -39,10 +32,12 @@ export class KeyValueDeletePage extends Page {
               this.state.secretVersion,
             );
             await this.goBack();
-            },
+          }}
-          }),
+        >
-        ],
+          {i18next.t("kv_delete_btn")}
-      }),
+        </button>
+      </div>,
+      this.router.pageContentElement,
     );
   }