diff --git a/client/src/pages/tools/linux/InstallSoftware/components/ConfigurationArea/ConfigurationArea.jsx b/client/src/pages/tools/linux/InstallSoftware/components/ConfigurationArea/ConfigurationArea.jsx index 8ae1f4b..99989b9 100644 --- a/client/src/pages/tools/linux/InstallSoftware/components/ConfigurationArea/ConfigurationArea.jsx +++ b/client/src/pages/tools/linux/InstallSoftware/components/ConfigurationArea/ConfigurationArea.jsx @@ -2,14 +2,15 @@ import "./styles.sass"; import ConfigurationRow from "@/pages/tools/linux/InstallSoftware/components/ConfigurationRow"; import Button from "@/common/components/Button"; import {faDownload} from "@fortawesome/free-solid-svg-icons"; -import {useEffect, useState} from "react"; +import {useContext, useEffect, useState} from "react"; import {createConnection} from "@/common/utils/SocketUtil.js"; import LogArea from "@/pages/tools/linux/InstallSoftware/components/ConfigurationArea/components/LogArea"; +import {ToastNotificationContext} from "@/common/contexts/ToastNotification/index.js"; export const ConfigurationArea = ({current}) => { - const [connection, setConnection] = useState(createConnection("app")); + const updateToast = useContext(ToastNotificationContext); - const [connectionFailed, setConnectionFailed] = useState(false); + const [connection, setConnection] = useState(createConnection("app")); const states = current?.configuration?.map((configuration) => { return {name: configuration.id, value: useState(configuration.value)} @@ -30,11 +31,6 @@ export const ConfigurationArea = ({current}) => { } }, []); - useEffect(() => { - if (connectionFailed) - setTimeout(() => setConnectionFailed(false), 2500); - }, [connectionFailed]); - const update = () => { let data = {}; states.forEach((state) => { @@ -55,7 +51,7 @@ export const ConfigurationArea = ({current}) => { connection.on("login", (event) => { if (event.status === "failed") { - setConnectionFailed(true); + updateToast("Verbindung zum Server fehlgeschlagen.", "red"); disconnect(); } else if (event.status === "success") { connection.emit("install", {name: current.name, data}) @@ -80,7 +76,7 @@ export const ConfigurationArea = ({current}) => { return (
-
+
{current.name}/

Paket: {current.name}

@@ -94,7 +90,7 @@ export const ConfigurationArea = ({current}) => { })}
-
diff --git a/client/src/pages/tools/linux/InstallSoftware/components/ConfigurationArea/styles.sass b/client/src/pages/tools/linux/InstallSoftware/components/ConfigurationArea/styles.sass index 739cb0c..f0ce539 100644 --- a/client/src/pages/tools/linux/InstallSoftware/components/ConfigurationArea/styles.sass +++ b/client/src/pages/tools/linux/InstallSoftware/components/ConfigurationArea/styles.sass @@ -26,9 +26,6 @@ span color: $primary -.package-failed - border: 2px dashed $red - .align-right display: flex justify-content: flex-end