From e771339c02bd423d0307352e296c092595a2a314 Mon Sep 17 00:00:00 2001
From: liamcottle <liam@liamcottle.com>
Date: Wed, 27 Nov 2024 19:41:26 +1300
Subject: [PATCH] show this device by default in http connection page

---
 src/components/pages/ConnectViaHttpPage.vue | 13 ++++++++++++-
 1 file changed, 12 insertions(+), 1 deletion(-)

diff --git a/src/components/pages/ConnectViaHttpPage.vue b/src/components/pages/ConnectViaHttpPage.vue
index 88366ab..19ae4cd 100644
--- a/src/components/pages/ConnectViaHttpPage.vue
+++ b/src/components/pages/ConnectViaHttpPage.vue
@@ -19,9 +19,15 @@
                 </div>
             </div>
 
+            <!-- this device -->
+            <div class="bg-gray-200 p-2 font-semibold">This Device</div>
+            <div @click="connect(thisDeviceAddress)" class="flex cursor-pointer bg-white p-2 shadow hover:bg-gray-50 min-h-12">
+                <div class="my-auto">{{ thisDeviceAddress }}</div>
+            </div>
+
             <!-- connection history -->
             <div v-if="previousHttpConnectionAddresses.length > 0" class="bg-gray-200 p-2 font-semibold">Connection History</div>
-            <div @click="connect(address)" v-for="address of previousHttpConnectionAddresses" class="flex cursor-pointer bg-white p-2 shadow hover:bg-gray-50">
+            <div @click="connect(address)" v-for="address of previousHttpConnectionAddresses" class="flex cursor-pointer bg-white p-2 shadow hover:bg-gray-50 min-h-12">
                 <div class="my-auto mr-auto">{{ address }}</div>
                 <div class="my-auto">
                     <IconButton @click.stop="removePreviousHttpConnectionAddress(address)">
@@ -157,5 +163,10 @@ export default {
 
         },
     },
+    computed: {
+        thisDeviceAddress() {
+            return window.location.origin;
+        },
+    },
 }
 </script>