diff --git a/src/components/vm/consoles/consoles.jsx b/src/components/vm/consoles/consoles.jsx
index 578f2a12b..8a3e51dbd 100644
--- a/src/components/vm/consoles/consoles.jsx
+++ b/src/components/vm/consoles/consoles.jsx
@@ -20,10 +20,17 @@ import React from 'react';
import PropTypes from 'prop-types';
import cockpit from 'cockpit';
import { AccessConsoles } from "@patternfly/react-console";
+import { Button } from "@patternfly/react-core/dist/esm/components/Button";
+import { Split, SplitItem } from "@patternfly/react-core/dist/esm/layouts/Split/index.js";
+import { useDialogs } from 'dialogs.jsx';
+import { fmt_to_fragments } from "utils.js";
import SerialConsole from './serialConsole.jsx';
import Vnc from './vnc.jsx';
import DesktopConsole from './desktopConsole.jsx';
+import { AddVNC } from './vncAdd.jsx';
+import { EditVNCModal } from './vncEdit.jsx';
+
import {
domainCanConsole,
domainDesktopConsole,
@@ -34,10 +41,57 @@ import './consoles.css';
const _ = cockpit.gettext;
-const VmNotRunning = () => {
+const VmNotRunning = ({ vm, vnc }) => {
+ const Dialogs = useDialogs();
+
+ function add_vnc() {
+ Dialogs.show(
{_("Please start the virtual machine to access its console.")}
+