feat(connections): fallback host column to destinationIP

src/App.tsx

@@ -1,5 +1,6 @@
 import { Route, Routes, useNavigate } from '@solidjs/router'
 import { Show, lazy, onMount } from 'solid-js'
+import { Footer } from '~/components/Footer'
 import { Header } from '~/components/Header'
 import { curTheme, selectedEndpoint } from '~/signals'
 
@@ -42,11 +43,7 @@ export const App = () => {
         </Routes>
       </div>
 
-      <footer class="footer footer-center hidden rounded bg-base-200 p-2 text-base-content sm:block">
+      <Footer />
-        <a href="https://github.com/metacubex/metacubexd" target="_blank">
-          metacubexd
-        </a>
-      </footer>
     </div>
   )
 }

src/components/Footer.tsx

@@ -0,0 +1,11 @@
+export const Footer = () => (
+  <footer class="footer footer-center hidden rounded bg-base-200 p-2 text-base-content sm:block">
+    <a
+      class="font-semibold"
+      href="https://github.com/metacubex/metacubexd"
+      target="_blank"
+    >
+      metacubexd
+    </a>
+  </footer>
+)

src/pages/Connections.tsx

@@ -116,7 +116,8 @@ export default () => {
     },
     {
       accessorKey: 'Host',
-      accessorFn: (row) => row.metadata.host,
+      accessorFn: (row) =>
+        row.metadata.host ? row.metadata.host : row.metadata.destinationIP,
     },
     {
       accessorKey: 'Rule',