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

Added a warning to the Home page if the backend is unavailable

Browse Source
This commit is contained in:
Mathias Wagner 2023-06-01 19:44:50 +02:00
parent c282072bdb
commit 09b79c66bf
Signed by: Mathias
GPG Key ID: B8DC354B0A1F5B44
1 changed files with 27 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

44
client/src/pages/tools/general/Home/Home.jsx
View File

@ -2,23 +2,33 @@ import "./styles.sass";
import {faFire, faKeyboard, faTerminal, faUnlock} from "@fortawesome/free-solid-svg-icons"; import {faFire, faKeyboard, faTerminal, faUnlock} from "@fortawesome/free-solid-svg-icons";
import HomeTool from "@/pages/tools/general/Home/components/HomeTool"; import HomeTool from "@/pages/tools/general/Home/components/HomeTool";
import HomeElement from "@/pages/tools/general/Home/components/HomeElement"; import HomeElement from "@/pages/tools/general/Home/components/HomeElement";
import ErrorArea from "@/common/components/ErrorArea/index.js";
import {useContext} from "react";
import {StatusContext} from "@/common/contexts/Status/index.js";
export const Home = () => ( export const Home = () => {
<> const backendAvailable = useContext(StatusContext);
<h1 className="home-header">Hi!</h1>
<p className="home-subtext">Diese Webseite wurde erstellt um viele alltägliche Aufgaben (wie z. B. das
Installieren eines Minecraft-Servers oder updaten einer Software) auf einer Seite zu vereinen und in Tools
zu unterteilen. Probier’s doch einfach mal aus!</p>
<div className="tool-area">
<HomeElement icon={faFire} text="Beliebte Tools" />
<div className="tool-list"> return (
<HomeTool icon={faTerminal} title="Remote-SSH" description="Baue über das Web eine Sitzung mit deinem Linux-Server auf" /> <>
<HomeTool icon={faUnlock} title="Base64 Decode" description="Entschlüssel ganz einfach Base64-Kodierte Strings" /> {!backendAvailable && <ErrorArea error="Es konnte keine Verbindung zum Backend-Server hergestellt werden."/>}
<h1 className="home-header">Hi!</h1>
<p className="home-subtext">Diese Webseite wurde erstellt um viele alltägliche Aufgaben (wie z. B. das
Installieren eines Minecraft-Servers oder updaten einer Software) auf einer Seite zu vereinen und in
Tools zu unterteilen. Probier’s doch einfach mal aus!</p>
<div className="tool-area">
<HomeElement icon={faFire} text="Beliebte Tools"/>
<div className="tool-list">
<HomeTool icon={faTerminal} title="Remote-SSH"
description="Baue über das Web eine Sitzung mit deinem Linux-Server auf"/>
<HomeTool icon={faUnlock} title="Base64 Decode"
description="Entschlüssel ganz einfach Base64-Kodierte Strings"/>
</div>
</div> </div>
</div> <div className="shortcut-area">
<div className="shortcut-area"> <HomeElement icon={faKeyboard} text="Shortcuts"/>
<HomeElement icon={faKeyboard} text="Shortcuts" /> </div>
</div> </>
</> );
) }