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

Created the ServerInfo.jsx

Browse Source
This commit is contained in:
Mathias Wagner 2023-08-05 22:13:40 +02:00
parent fe7af071b6
commit e3244f8c6a
Signed by: Mathias
GPG Key ID: B8DC354B0A1F5B44
1 changed files with 24 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
client/src/common/components/Header/components/ServerDialog/components/ServerInfo/ServerInfo.jsx Normal file
View File

@ -0,0 +1,24 @@
import {FontAwesomeIcon} from "@fortawesome/react-fontawesome";
import {faLocationDot, faShieldHalved, faTrash} from "@fortawesome/free-solid-svg-icons";
import Button from "@/common/components/Button";
import "./styles.sass";
export const ServerInfo = ({currentServer, deleteServer}) => {
return (
<div className="server-info">
<div className="info-item">
<FontAwesomeIcon icon={faShieldHalved} className="icon"/>
<h3><span className="primary-color">Bereitgestellt von</span><br/>{currentServer.provider}</h3>
</div>
<div className="info-item">
<FontAwesomeIcon icon={faLocationDot} className="icon"/>
<h3><span className="primary-color">Standort</span><br/>{currentServer.location}</h3>
</div>
{currentServer.isCustom && <div className="button-right">
<Button text="Löschen" onClick={() => deleteServer()}
icon={faTrash} /></div>}
</div>
)
}