Removed hard coded statements from the ManageArea.jsx & integrated the DomainButton.jsx
This commit is contained in:
@ -1,19 +1,22 @@
|
|||||||
import "./styles.sass";
|
|
||||||
import TextBox from "@/common/components/TextBox";
|
import TextBox from "@/common/components/TextBox";
|
||||||
import Button from "@/common/components/Button";
|
import Button from "@/common/components/Button";
|
||||||
import {faSearch} from "@fortawesome/free-solid-svg-icons";
|
import {faSearch} from "@fortawesome/free-solid-svg-icons";
|
||||||
import LinkDialog from "@/pages/Home/components/LinkDialog";
|
|
||||||
import {useState} from "react";
|
import {useState} from "react";
|
||||||
|
import LinkChooser from "@/pages/Home/components/LinkChooser";
|
||||||
|
import DomainButton from "@/pages/Home/components/ManageArea/components/DomainButton";
|
||||||
|
import "./styles.sass";
|
||||||
|
|
||||||
export const ManageArea = () => {
|
export const ManageArea = () => {
|
||||||
|
|
||||||
const [showDialog, setShowDialog] = useState(false);
|
const [showDialog, setShowDialog] = useState(false);
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<div className="manage-area">
|
<div className="manage-area">
|
||||||
<LinkDialog module="link" isOpen={showDialog} close={() => setShowDialog(false)}/>
|
<LinkChooser isOpen={showDialog} close={() => setShowDialog(false)}/>
|
||||||
<TextBox icon={faSearch} placeholder="Link suchen"/>
|
<TextBox icon={faSearch} placeholder="Link suchen"/>
|
||||||
<Button text="Link erstellen" onClick={() => setShowDialog(true)} />
|
<div className="right-area">
|
||||||
|
<DomainButton />
|
||||||
|
<Button text="Link erstellen" onClick={() => setShowDialog(true)} />
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
)
|
)
|
||||||
}
|
}
|
Reference in New Issue
Block a user