/
Dialog.tsx
48 lines (40 loc) · 1.53 KB
/
Dialog.tsx
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
/*
Copyright 2005 - 2021 Advantage Solutions, s. r. o.
This file is part of ORIGAM (http://www.origam.org).
ORIGAM is free software: you can redistribute it and/or modify
it under the terms of the GNU General Public License as published by
the Free Software Foundation, either version 3 of the License, or
(at your option) any later version.
ORIGAM is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
GNU General Public License for more details.
You should have received a copy of the GNU General Public License
along with ORIGAM. If not, see <http://www.gnu.org/licenses/>.
*/
import React, { useContext } from "react";
import S from "./Dialog.module.scss";
import { MobXProviderContext } from "mobx-react";
import { MobileState } from "model/entities/MobileState/MobileState";
import { BottomIcon } from "gui/connections/MobileComponents/BottomToolBar/BottomIcon";
export const Dialog: React.FC<{
heading: string
}> = (props) => {
const mobileState = useContext(MobXProviderContext).application.mobileState as MobileState;
return (
<div className={S.root}>
<div className={S.topBar}>
{props.heading}
</div>
{/*{mobileState.dialogComponent}*/}
{props.children}
<div className={S.bottomBar}>
<BottomIcon
key={"close"}
iconPath={"./icons/noun-close-25798.svg"}
onClick={() => mobileState.dialogComponent = null}
/>
</div>
</div>
);
}