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

Created the ServerChooser.jsx

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

21
client/src/common/components/Header/components/ServerDialog/components/ServerChooser/ServerChooser.jsx Normal file
View File

@ -0,0 +1,21 @@
import {FontAwesomeIcon} from "@fortawesome/react-fontawesome";
import {faLocationDot, faPencil} from "@fortawesome/free-solid-svg-icons";
import "./styles.sass";
export const ServerChooser = ({servers, setMenuOpen, updateCurrentServer, setCustomEdit}) => {
return (
<div className="selection-menu" onClick={() => setMenuOpen(false)}>
{servers.map((server) => (
<div className="selection-item" key={server.url} onClick={() => updateCurrentServer(server)}>
{server.img && <img src={server.img} alt="server-icon" className="server-icon"/>}
{!server.img && <FontAwesomeIcon icon={faLocationDot} />}
<h4 className="dialog-text">{server.name}</h4>
</div>
))}
<div className="selection-item" onClick={() => setCustomEdit(true)}>
<FontAwesomeIcon icon={faPencil} />
<h4 className="dialog-text">Eigener Server</h4>
</div>
</div>
)
}