always show connected node at top of nodes list

liamcottle · Nov 17, 2024 · 77a6092 · 77a6092
1 parent 5b48d25
commit 77a6092
Showing 1 changed file with 18 additions and 2 deletions.
diff --git a/src/components/nodes/NodesList.vue b/src/components/nodes/NodesList.vue
@@ -8,7 +8,13 @@
 
         <!-- nodes -->
         <div class="h-full overflow-y-auto">
+
+            <!-- always show connected node first -->
+            <NodeListItem v-if="myNode" :key="myNode.num" :node="myNode" @click="onNodeClick(myNode)" class="border-b"/>
+
+            <!-- other nodes -->
             <NodeListItem :key="node.num" v-for="node of searchedNodes" :node="node" @click="onNodeClick(node)"/>
+
         </div>
 
     </div>
@@ -47,20 +53,30 @@ export default {
         GlobalState() {
             return GlobalState;
         },
+        myNode() {
+            return this.nodes.find((node) => {
+                return node.num === GlobalState.myNodeId;
+            });
+        },
+        otherNodes() {
+            return this.nodes.filter((node) => {
+                return node.num !== GlobalState.myNodeId;
+            });
+        },
         orderedNodes() {
             return this.nodesOrderedByLastHeard;
         },
         nodesOrderedByName() {
             // sort nodes by name asc
-            return this.nodes.sort((nodeA, nodeB) => {
+            return this.otherNodes.sort((nodeA, nodeB) => {
                 const nodeALongName = this.getNodeLongName(nodeA.num);
                 const nodeBLongName = this.getNodeLongName(nodeB.num);
                 return nodeALongName.localeCompare(nodeBLongName);
             });
         },
         nodesOrderedByLastHeard() {
             // sort nodes by last heard desc
-            return this.nodes.sort((nodeA, nodeB) => {
+            return this.otherNodes.sort((nodeA, nodeB) => {
                 const nodeALastHeard = nodeA.lastHeard;
                 const nodeBLastHeard = nodeB.lastHeard;
                 return nodeBLastHeard - nodeALastHeard;