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

Created the DomainDialog.jsx

Browse Source
This commit is contained in:
Mathias Wagner
2023-01-01 04:34:22 +01:00
parent 14430e4407
commit 41f92ce31a
1 changed files with 36 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

36
admin/src/pages/Home/components/DomainDialog/DomainDialog.jsx Normal file
View File

@ -0,0 +1,36 @@
import {DialogProvider} from "@/common/contexts/Dialog";
import DomainHeader from "@/pages/Home/components/DomainDialog/components/DomainHeader";
import DomainItem from "@/pages/Home/components/DomainDialog/components/DomainItem";
import {useContext, useState} from "react";
import DomainContext from "@/common/contexts/Domain";
import Button from "@/common/components/Button";
import AddDomainDialog from "@/pages/Home/components/DomainDialog/components/AddDomainDialog";
import "./styles.sass";
export const DomainDialog = (props) => {
const [currentDomain, setCurrentDomain, domains] = useContext(DomainContext);
const [dialogOpen, setDialogOpen] = useState(false);
const openAddDialog = () => {
props.close();
setDialogOpen(true);
}
return (
<>
{dialogOpen && <DialogProvider close={() => setDialogOpen(false)}><AddDomainDialog/></DialogProvider>}
{props.isOpen && <DialogProvider close={props.close}>
<div className="domain-dialog">
<DomainHeader/>
<div className="domain-area">
{domains.map((domain) => <DomainItem domainName={domain} key={domain} onClick={() => setCurrentDomain(domain)}/>)}
{domains.length === 0 && <p>Keine Domains erstellt</p>}
</div>
<div className="button-area">
<Button text="Domain hinzufügen" onClick={openAddDialog}/>
</div>
</div>
</DialogProvider>}
</>
);
}