Integrated the ServerDialog into the RemoteSSH.jsx

This commit is contained in:
Mathias Wagner 2023-06-03 01:37:24 +02:00
parent 6301b1e827
commit 61fdf92b9b
Signed by: Mathias
GPG Key ID: B8DC354B0A1F5B44

View File

@ -3,17 +3,23 @@ import Button from "@/common/components/Button";
import {faGear} from "@fortawesome/free-solid-svg-icons"; import {faGear} from "@fortawesome/free-solid-svg-icons";
import ErrorArea from "@/common/components/ErrorArea"; import ErrorArea from "@/common/components/ErrorArea";
import "./styles.sass"; import "./styles.sass";
import {useState} from "react";
import ServerDialog from "@/pages/tools/linux/components/ServerDialog/index.js";
import {ServerProvider} from "@/common/contexts/Server/index.js";
export const RemoteSSH = () => { export const RemoteSSH = () => {
const [serverDialogOpen, setServerDialogOpen] = useState(false);
return ( return (
<> <ServerProvider>
<InfoArea title="Remote SSH" description="Mit diesem Tool kannst du dich mit einem SSH-Server verbinden und diesen fernsteuern."> <InfoArea title="Remote SSH" description="Mit diesem Tool kannst du dich mit einem SSH-Server verbinden und diesen fernsteuern.">
<Button icon={faGear} text="Konfigurieren" onClick={() => {}}/> <Button icon={faGear} text="Konfigurieren" onClick={() => setServerDialogOpen(true)}/>
</InfoArea> </InfoArea>
{serverDialogOpen && <ServerDialog onClose={() => setServerDialogOpen(false)}/>}
<ErrorArea error="Dieses Tool ist noch nicht verfügbar"/> <ErrorArea error="Dieses Tool ist noch nicht verfügbar"/>
</> </ServerProvider>
); );
} }