Mathias/PowerTools
Archived
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Added the error area to the InstallSoftware.jsx if the backend is not available

Browse Source
This commit is contained in:
Mathias Wagner 2023-06-02 14:49:47 +02:00
parent 4f98138df2
commit fadcbaffb0
Signed by: Mathias
GPG Key ID: B8DC354B0A1F5B44
1 changed files with 7 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
client/src/pages/tools/linux/InstallSoftware/InstallSoftware.jsx
View File

@ -1,14 +1,17 @@
import InfoArea from "@/common/components/InfoArea"; import InfoArea from "@/common/components/InfoArea";
import Button from "@/common/components/Button"; import Button from "@/common/components/Button";
import {faGear} from "@fortawesome/free-solid-svg-icons"; import {faGear} from "@fortawesome/free-solid-svg-icons";
import {useState} from "react"; import {useContext, useState} from "react";
import Software from "./software.jsx"; import Software from "./software.jsx";
import SoftwareGrid from "@/pages/tools/linux/InstallSoftware/components/SoftwareGrid"; import SoftwareGrid from "@/pages/tools/linux/InstallSoftware/components/SoftwareGrid";
import ConfigurationArea from "@/pages/tools/linux/InstallSoftware/components/ConfigurationArea"; import ConfigurationArea from "@/pages/tools/linux/InstallSoftware/components/ConfigurationArea";
import "./styles.sass"; import "./styles.sass";
import ErrorArea from "@/common/components/ErrorArea/index.js";
import {StatusContext} from "@/common/contexts/Status/index.js";
export const InstallSoftware = () => { export const InstallSoftware = () => {
const [currentItem, setCurrentItem] = useState(Software[0].name); const [currentItem, setCurrentItem] = useState(Software[0].name);
const backendAvailable = !(useContext(StatusContext));
return ( return (
<> <>
@ -17,7 +20,9 @@ export const InstallSoftware = () => {
<Button icon={faGear} text="Konfigurieren" onClick={() => {}}/> <Button icon={faGear} text="Konfigurieren" onClick={() => {}}/>
</InfoArea> </InfoArea>
<div className="install-area"> {!backendAvailable && <ErrorArea error="Es konnte keine Verbindung zum Backend-Server hergestellt werden."/>}
<div className={"install-area" + (!backendAvailable ? " not-available" : "")}>
<SoftwareGrid currentItem={currentItem} setCurrentItem={setCurrentItem} /> <SoftwareGrid currentItem={currentItem} setCurrentItem={setCurrentItem} />
{Software.map((s) => {if (s.name === currentItem) return <ConfigurationArea current={s} key={s.name} />})} {Software.map((s) => {if (s.name === currentItem) return <ConfigurationArea current={s} key={s.name} />})}