feat: move logic to relay-details component

static/components/relay-details/relay-details.html

@@ -1 +1,23 @@
-<div>xxx</div>
+<div>
+  <div class="row items-center q-mt-md q-mb-lg">
+    <div class="col-6 q-pr-lg">
+      <q-btn
+        unelevated
+        color="secondary"
+        class="float-left"
+        @click="updateRelay()"
+        >Update Relay</q-btn
+      >
+    </div>
+    <div class="col-6">
+      <q-btn
+        unelevated
+        color="pink"
+        icon="cancel"
+        class="float-right"
+        @click="deleteRelay()"
+        >Delete Relay</q-btn
+      >
+    </div>
+  </div>
+</div>

static/components/relay-details/relay-details.js

@@ -4,7 +4,7 @@ async function relayDetails(path) {
     name: 'relay-details',
     template,
 
-    props: [],
+    props: ['relay-id', 'adminkey', 'inkey'],
     data: function () {
       return {
         items: [],
@@ -21,6 +21,25 @@ async function relayDetails(path) {
     methods: {
       satBtc(val, showUnit = true) {
         return satOrBtc(val, showUnit, this.satsDenominated)
+      },
+      deleteRelay: function () {
+        LNbits.utils
+          .confirmDialog(
+            'All data will be lost! Are you sure you want to delete this relay?'
+          )
+          .onOk(async () => {
+            try {
+              await LNbits.api.request(
+                'DELETE',
+                '/nostrrelay/api/v1/relay/' + this.relayId,
+                this.adminkey
+              )
+              this.$emit('relay-deleted', this.relayId)
+            } catch (error) {
+              console.warn(error)
+              LNbits.utils.notifyApiError(error)
+            }
+          })
       }
     },