Show VM screenshot

virtweb_frontend/src/routes/VMListRoute.tsx

@@ -21,6 +21,7 @@ import { VirtWebRouteContainer } from "../widgets/VirtWebRouteContainer";
 import { VMStatusWidget } from "../widgets/vms/VMStatusWidget";
 import { useSnackbar } from "../hooks/providers/SnackbarProvider";
 import { useConfirm } from "../hooks/providers/ConfirmDialogProvider";
+import { useNavigate } from "react-router-dom";
 
 export function VMListRoute(): React.ReactElement {
   const [list, setList] = React.useState<VMInfo[] | undefined>();
@@ -66,6 +67,7 @@ function VMListWidget(p: {
 }): React.ReactElement {
   const confirm = useConfirm();
   const snackbar = useSnackbar();
+  const navigate = useNavigate();
 
   const deleteVM = async (v: VMInfo) => {
     try {
@@ -110,8 +112,10 @@ function VMListWidget(p: {
         <TableBody>
           {p.list.map((row) => (
             <TableRow
+              hover
               key={row.name}
               sx={{ "&:last-child td, &:last-child th": { border: 0 } }}
+              onDoubleClick={() => navigate(row.ViewURL)}
             >
               <TableCell component="th" scope="row">
                 {row.name}