fix: process not shown

Author: kunish

src/components/ConnectionsModal.tsx

@@ -101,9 +101,7 @@ export default (props: {
             </DragOverlay>
           </DragDropProvider>
         </div>
-        <label class="modal-backdrop" htmlFor="connection-modal">
-          Close
-        </label>
+        <label class="modal-backdrop" for="connection-modal" />
       </div>
     </>
   )

src/pages/Connections.tsx

@@ -140,7 +140,10 @@ export default () => {
     },
     {
       accessorKey: AccessorKey.Process,
-      accessorFn: (row) => row.metadata.process || '-',
+      accessorFn: (row) =>
+        row.metadata.process ||
+        row.metadata.processPath.replace(/^.*[/\\](.*)$/, '$1') ||
+        '-',
     },
     {
       accessorKey: AccessorKey.Host,
@@ -237,7 +240,7 @@ export default () => {
           placeholder="Search"
           onInput={(e) => setSearch(e.target.value)}
         />
-        <label htmlFor="connection-modal" class="btn btn-circle">
+        <label for="connection-modal" class="btn btn-circle">
           <IconSettings />
         </label>
         <ConnectionsModal

src/types.d.ts

@@ -2,6 +2,7 @@ declare module 'solid-js' {
   namespace JSX {
     interface Directives {
       form: {}
+      sortable: {}
     }
   }
 }