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

Added the closing option to the DialogHeader.jsx

Browse Source
This commit is contained in:
Mathias Wagner
2023-01-01 04:27:50 +01:00
parent 2788dd01d6
commit a52ef16889
1 changed files with 19 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

32
admin/src/pages/Home/components/LinkDialog/components/DialogHeader/DialogHeader.jsx
View File

@ -1,18 +1,24 @@
import "./styles.sass";
import {FontAwesomeIcon} from "@fortawesome/react-fontawesome";
import {faClose} from "@fortawesome/free-solid-svg-icons";
import {useContext} from "react";
import DialogContext from "@/common/contexts/Dialog";
import "./styles.sass";
export const DialogHeader = (props) => (
<div className="dialog-header">
<div className="info-area">
<div className="module-info">
<FontAwesomeIcon className="info-icon" icon={["fas", props.icon]}/>
</div>
<div className="text-area">
<h2>Neuer Link</h2>
<p>{props.module}</p>
export const DialogHeader = (props) => {
const close = useContext(DialogContext);
return (
<div className="dialog-header">
<div className="info-area">
<div className="module-info">
<FontAwesomeIcon className="info-icon" icon={["fas", props.icon]}/>
</div>
<div className="text-area">
<h2>{props.editMode ? "Link bearbeiten" : "Neuer Link"}</h2>
<p>{props.module}</p>
</div>
</div>
<FontAwesomeIcon className="close-icon" icon={faClose} onClick={close}/>
</div>
<FontAwesomeIcon className="close-icon" icon={faClose} onClick={props.close}/>
</div>
)
)
}