Integrated the ServerDialog into the RemoteSFTP.jsx

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

View File

@ -3,17 +3,24 @@ 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 ServerDialog from "@/pages/tools/linux/components/ServerDialog/index.js";
import {useState} from "react";
import {ServerProvider} from "@/common/contexts/Server/index.js";
export const RemoteSFTP = () => { export const RemoteSFTP = () => {
const [serverDialogOpen, setServerDialogOpen] = useState(false);
return ( return (
<> <ServerProvider>
<InfoArea title="Remote SFTP" description="Mit diesem Tool kannst du deine Dateien auf einem SFTP-Server verwalten"> <InfoArea title="Remote SFTP" description="Mit diesem Tool kannst du deine Dateien auf einem SFTP-Server verwalten">
<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>
); );
} }