fix: UI for connected

templates/nostrclient/index.html

@@ -50,30 +50,30 @@
           <template v-slot:body="props">
             <q-tr :props="props">
               <q-td v-for="col in props.cols" :key="col.name" :props="props" auto-width>
-                <div v-if="col.name == 'id'"></div>
+                <div v-if="col.name == 'connected'">
+                  <div v-if="col.value">🟢</div>
+                  <div v-else> 🔴 </div>
+                </div>
                 <div v-else-if="col.name == 'status'">
                   <div>
                     ⬆️ <span v-text="col.value.sentEvents"></span>
                     ⬇️ <span v-text="col.value.receveidEvents"></span>
-                     ⚠️ <span v-text="col.value.errorCount">
+                    ⚠️ <span v-text="col.value.errorCount">
 
-                     </span>
-                     <q-tooltip>
-                        <span v-for="e in col.value.errorList" v-text="e"></span><br>
-                     </q-tooltip>
-                    </div>
+                    </span>
+                    <q-tooltip>
+                      <span v-for="e in col.value.errorList" v-text="e"></span><br>
+                    </q-tooltip>
+                  </div>
+                </div>
+                <div v-else-if="col.name == 'delete'">
+                  <q-btn flat dense size="md" @click="showDeleteRelayDialog(props.row.url)" icon="cancel"
+                    color="pink"></q-btn>
                 </div>
                 <div v-else>
-                  <div v-if="col.value == true" style="background-color: green">
-                    {{ col.value }}
-                  </div>
-                  <div v-else>{{ col.value }}</div>
+                  <div>{{ col.value }}</div>
                 </div>
               </q-td>
-              <q-td auto-width>
-                <q-btn flat dense size="md" @click="showDeleteRelayDialog(props.row.url)" icon="cancel"
-                  color="pink"></q-btn>
-              </q-td>
             </q-tr>
           </template>
         </q-table>
@@ -252,10 +252,10 @@
         relayTable: {
           columns: [
             {
-              name: 'connected_string',
+              name: 'connected',
               align: 'left',
               label: '',
-              field: 'connected_string'
+              field: 'connected'
             },
             {
               name: 'relay',

views_api.py

@@ -24,10 +24,6 @@ all_routers: list[NostrRouter] = []
 async def api_get_relays() -> RelayList:
     relays = RelayList(__root__=[])
     for url, r in nostr.client.relay_manager.relays.items():
-        # status_text = (
-        #     f"⬆️ {r.num_sent_events} ⬇️ {r.num_received_events} ⚠️ {r.error_counter}"
-        # )
-        # connected_text = "🟢" if r.connected else "🔴"
         relay_id = urlsafe_short_hash()
         relays.__root__.append(
             Relay(