namirasoft-site-react 1.4.412 → 1.4.414
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/NSBoxBaseLayout.d.ts +4 -1
- package/dist/components/NSBoxBaseLayout.js +1 -1
- package/dist/components/NSBoxBaseLayout.js.map +1 -1
- package/dist/components/NSMenuButton.d.ts +5 -2
- package/dist/components/NSMenuButton.js +22 -15
- package/dist/components/NSMenuButton.js.map +1 -1
- package/package.json +4 -4
- package/src/components/NSBoxBaseLayout.tsx +5 -2
- package/src/components/NSMenuButton.tsx +20 -8
|
@@ -5,7 +5,10 @@ import { IBaseComponentProps } from "../props/IBaseComponentProps";
|
|
|
5
5
|
import { NSMenuButtonMenuProps, NSMenuButtonProps } from "./NSMenuButton";
|
|
6
6
|
export interface INSBoxBaseLayoutProps<Box, Data> {
|
|
7
7
|
title: string;
|
|
8
|
-
|
|
8
|
+
info?: {
|
|
9
|
+
text?: string;
|
|
10
|
+
link?: string;
|
|
11
|
+
};
|
|
9
12
|
placeholder?: string;
|
|
10
13
|
defaultValue?: Data;
|
|
11
14
|
hideHeader?: boolean;
|
|
@@ -30,7 +30,7 @@ export class NSBoxBaseLayout extends React.Component {
|
|
|
30
30
|
var _a, _b;
|
|
31
31
|
if (e.key === "Enter")
|
|
32
32
|
(_b = (_a = this.props).onEnterPressed) === null || _b === void 0 ? void 0 : _b.call(_a);
|
|
33
|
-
}, children: [!this.props.hideHeader && _jsxs("div", { className: `${StylesNSBox.ns_box_input_bar}`, children: [_jsxs("span", { className: StylesNSBox.ns_box_input_title, children: [this.props.required && _jsx("span", { style: { color: "red" }, children: "*" }), " ", this.props.title] }), _jsx(NSMenuButton, {
|
|
33
|
+
}, children: [!this.props.hideHeader && _jsxs("div", { className: `${StylesNSBox.ns_box_input_bar}`, children: [_jsxs("span", { className: StylesNSBox.ns_box_input_title, children: [this.props.required && _jsx("span", { style: { color: "red" }, children: "*" }), " ", this.props.title] }), _jsx(NSMenuButton, { info: this.props.info, menu: this.props.menu })] }), this.props.children, _jsx(NSLabelErrorNotifier, { error: this.state.error, clearError: () => this.setState({ error: undefined }) })] }) }));
|
|
34
34
|
}
|
|
35
35
|
}
|
|
36
36
|
//# sourceMappingURL=NSBoxBaseLayout.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NSBoxBaseLayout.js","sourceRoot":"","sources":["../../src/components/NSBoxBaseLayout.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AACb,OAAO,KAAoB,MAAM,OAAO,CAAC;AACzC,OAAO,WAAW,MAAM,oBAAoB,CAAC;AAI7C,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAE,YAAY,EAA4C,MAAM,gBAAgB,CAAC;
|
|
1
|
+
{"version":3,"file":"NSBoxBaseLayout.js","sourceRoot":"","sources":["../../src/components/NSBoxBaseLayout.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AACb,OAAO,KAAoB,MAAM,OAAO,CAAC;AACzC,OAAO,WAAW,MAAM,oBAAoB,CAAC;AAI7C,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAE,YAAY,EAA4C,MAAM,gBAAgB,CAAC;AA+BxF,MAAM,OAAO,eAAgB,SAAQ,KAAK,CAAC,SAAqD;IAE/F,MAAM,CAAC,aAAa,CAAI,GAAwF,EAAE,UAAmB,EAAE,OAAuB;;QAE7J,OAAO,MAAA,MAAA,GAAG,CAAC,oBAAoB,CAAC,OAAO,0CAAE,WAAW,CAAC,UAAU,EAAE,GAAG,CAAC,QAAQ,EAAE,OAAO,CAAC,mCAAI,IAAI,CAAC;IACjG,CAAC;IACD,YAAY,KAA2B;QAEtC,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,KAAK,GAAG,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC;QAC3B,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAChD,CAAC;IACO,WAAW,CAAI,UAAmB,EAAE,QAA6B,EAAE,OAAgB;QAE1F,IAAI,UAAU,EACd,CAAC;YACA,IAAI,KAAK,GAAG,QAAQ,EAAE,CAAC;YACvB,IAAI,KAAK,EACT,CAAC;gBACA,IAAI,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC;gBACzB,MAAM,IAAI,KAAK,CAAC,KAAK,CAAC,CAAC;YACxB,CAAC;QACF,CAAC;QACD,OAAO,OAAO,EAAE,CAAC;IAClB,CAAC;IACQ,MAAM;;QAEd,OAAO,CACN,4BACC,eACC,EAAE,EAAE,IAAI,CAAC,KAAK,CAAC,EAAE,EACjB,SAAS,EAAE,GAAG,WAAW,CAAC,mBAAmB,IAAI,MAAA,MAAA,IAAI,CAAC,KAAK,CAAC,SAAS,0CAAE,IAAI,CAAC,GAAG,CAAC,mCAAI,EAAE,EAAE,EACxF,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,EACvB,OAAO,EAAE,CAAC,CAAC,EAAE;;oBAEZ,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO;wBACpB,MAAA,MAAA,IAAI,CAAC,KAAK,EAAC,cAAc,kDAAI,CAAC;gBAChC,CAAC,aAGA,CAAC,IAAI,CAAC,KAAK,CAAC,UAAU,IAAI,eAAK,SAAS,EAAE,GAAG,WAAW,CAAC,gBAAgB,EAAE,aAC1E,gBAAM,SAAS,EAAE,WAAW,CAAC,kBAAkB,aAC7C,IAAI,CAAC,KAAK,CAAC,QAAQ,IAAI,eAAM,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,kBAAU,OAAG,IAAI,CAAC,KAAK,CAAC,KAAK,IAC5E,EACP,KAAC,YAAY,IAAC,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,GAAI,IACzD,EAEN,IAAI,CAAC,KAAK,CAAC,QAAQ,EACpB,KAAC,oBAAoB,IAAC,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,UAAU,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,GAAI,IACnG,GACJ,CACH,CAAC;IACH,CAAC;CACD"}
|
|
@@ -24,12 +24,15 @@ export interface NSMenuButtonMenuItemProps {
|
|
|
24
24
|
onClick?: () => void;
|
|
25
25
|
}
|
|
26
26
|
export interface NSMenuButtonProps extends IBaseComponentProps {
|
|
27
|
-
|
|
27
|
+
info?: {
|
|
28
|
+
text?: string;
|
|
29
|
+
link?: string;
|
|
30
|
+
};
|
|
28
31
|
menu?: NSMenuButtonMenuProps;
|
|
29
32
|
}
|
|
30
33
|
export interface NSMenuButtonState {
|
|
31
34
|
value: string | null;
|
|
32
|
-
|
|
35
|
+
show_info: boolean;
|
|
33
36
|
fullscreen: boolean;
|
|
34
37
|
copied: boolean;
|
|
35
38
|
}
|
|
@@ -12,12 +12,12 @@ export function safeMenuMenuItem(props, pusher) {
|
|
|
12
12
|
return menu;
|
|
13
13
|
}
|
|
14
14
|
export function NSMenuButton(props) {
|
|
15
|
-
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u;
|
|
15
|
+
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z;
|
|
16
16
|
let textarea = useRef(null);
|
|
17
17
|
const service = useRef(new SetTimeouService());
|
|
18
|
-
let [state, setState] = useState({ value: "",
|
|
18
|
+
let [state, setState] = useState({ value: "", show_info: false, fullscreen: false, copied: false });
|
|
19
19
|
const onCloseInfo = () => {
|
|
20
|
-
setState(prev => { return Object.assign(Object.assign({}, prev), {
|
|
20
|
+
setState(prev => { return Object.assign(Object.assign({}, prev), { show_info: false }); });
|
|
21
21
|
};
|
|
22
22
|
const onCloseFullScreen = () => {
|
|
23
23
|
var _a, _b;
|
|
@@ -28,21 +28,27 @@ export function NSMenuButton(props) {
|
|
|
28
28
|
setState(prev => { return Object.assign(Object.assign({}, prev), { value: e.getValue() }); });
|
|
29
29
|
};
|
|
30
30
|
let buttons = [];
|
|
31
|
-
if (props.
|
|
31
|
+
if (((_a = props.info) === null || _a === void 0 ? void 0 : _a.text) || ((_b = props.info) === null || _b === void 0 ? void 0 : _b.link))
|
|
32
32
|
buttons.push({
|
|
33
33
|
title: "Info", icon: "https://static.namirasoft.com/image/concept/info/white-blue.svg", onClick: () => {
|
|
34
|
-
|
|
34
|
+
var _a, _b, _c, _d, _e;
|
|
35
|
+
if (((_a = props.info) === null || _a === void 0 ? void 0 : _a.text) || ((_b = props.info) === null || _b === void 0 ? void 0 : _b.link))
|
|
36
|
+
setState(prev => { return Object.assign(Object.assign({}, prev), { show_info: true }); });
|
|
37
|
+
else if ((_c = props.info) === null || _c === void 0 ? void 0 : _c.text)
|
|
38
|
+
setState(prev => { return Object.assign(Object.assign({}, prev), { show_info: true }); });
|
|
39
|
+
else if ((_d = props.info) === null || _d === void 0 ? void 0 : _d.link)
|
|
40
|
+
window.open((_e = props.info) === null || _e === void 0 ? void 0 : _e.link, "_blank");
|
|
35
41
|
}
|
|
36
42
|
});
|
|
37
|
-
if ((
|
|
38
|
-
if ((
|
|
43
|
+
if ((_e = (_d = (_c = props.menu) === null || _c === void 0 ? void 0 : _c.builtin) === null || _d === void 0 ? void 0 : _d.delete) === null || _e === void 0 ? void 0 : _e.enabled)
|
|
44
|
+
if ((_h = (_g = (_f = props.menu) === null || _f === void 0 ? void 0 : _f.builtin) === null || _g === void 0 ? void 0 : _g.delete) === null || _h === void 0 ? void 0 : _h.onDelete)
|
|
39
45
|
buttons.push({
|
|
40
46
|
title: "Delete", icon: "https://static.namirasoft.com/image/concept/delete/blue.svg", onClick: () => {
|
|
41
47
|
var _a, _b, _c, _d;
|
|
42
48
|
(_d = (_c = (_b = (_a = props.menu) === null || _a === void 0 ? void 0 : _a.builtin) === null || _b === void 0 ? void 0 : _b.delete) === null || _c === void 0 ? void 0 : _c.onDelete) === null || _d === void 0 ? void 0 : _d.call(_c);
|
|
43
49
|
}
|
|
44
50
|
});
|
|
45
|
-
if ((
|
|
51
|
+
if ((_l = (_k = (_j = props.menu) === null || _j === void 0 ? void 0 : _j.builtin) === null || _k === void 0 ? void 0 : _k.copy) === null || _l === void 0 ? void 0 : _l.enabled)
|
|
46
52
|
buttons.push({
|
|
47
53
|
title: "Copy", icon: state.copied ? "https://static.namirasoft.com/image/concept/check/on/blue.svg" : "https://static.namirasoft.com/image/concept/copy/blue.svg", onClick: () => {
|
|
48
54
|
var _a, _b, _c, _d, _e;
|
|
@@ -57,7 +63,7 @@ export function NSMenuButton(props) {
|
|
|
57
63
|
}
|
|
58
64
|
}
|
|
59
65
|
});
|
|
60
|
-
if ((
|
|
66
|
+
if ((_p = (_o = (_m = props.menu) === null || _m === void 0 ? void 0 : _m.builtin) === null || _o === void 0 ? void 0 : _o.fullscreen) === null || _p === void 0 ? void 0 : _p.enabled)
|
|
61
67
|
buttons.push({
|
|
62
68
|
title: "Full Screen", icon: "https://static.namirasoft.com/image/concept/full-screen/blue.svg", onClick: () => {
|
|
63
69
|
setState(prev => { var _a, _b, _c, _d; return Object.assign(Object.assign({}, prev), { fullscreen: true, value: (_d = (_c = (_b = (_a = props.menu) === null || _a === void 0 ? void 0 : _a.builtin) === null || _b === void 0 ? void 0 : _b.fullscreen) === null || _c === void 0 ? void 0 : _c.getValue()) !== null && _d !== void 0 ? _d : "" }); });
|
|
@@ -73,12 +79,13 @@ export function NSMenuButton(props) {
|
|
|
73
79
|
focus();
|
|
74
80
|
}
|
|
75
81
|
});
|
|
76
|
-
if ((
|
|
77
|
-
buttons.push(...(
|
|
78
|
-
return (_jsx("div", { id: props.id, className: `${Styles.ns_menu_button_container} ${(
|
|
82
|
+
if ((_q = props.menu) === null || _q === void 0 ? void 0 : _q.items)
|
|
83
|
+
buttons.push(...(_r = props.menu) === null || _r === void 0 ? void 0 : _r.items);
|
|
84
|
+
return (_jsx("div", { id: props.id, className: `${Styles.ns_menu_button_container} ${(_t = (_s = props.classList) === null || _s === void 0 ? void 0 : _s.join(" ")) !== null && _t !== void 0 ? _t : ""}`, style: props.style, children: _jsxs("div", { className: Styles.ns_menu_button_group_parrent, children: [_jsx("div", { className: Styles.ns_menu_button_group, children: _jsx("div", { style: { direction: "rtl" }, children: buttons.map(button => (button.href ?
|
|
79
85
|
_jsx("a", { title: button.title, className: Styles.ns_menu_button_menu_item, href: button.href, tabIndex: -1, children: _jsx("img", { src: button.icon, alt: button.title, width: 16, height: 16 }) }) :
|
|
80
|
-
_jsx("button", { title: button.title, className: Styles.ns_menu_button_menu_item, onClick: button.onClick, tabIndex: -1, children: _jsx("img", { src: button.icon, alt: button.title, width: 16, height: 16 }) }))) }) }), state.
|
|
81
|
-
|
|
82
|
-
|
|
86
|
+
_jsx("button", { title: button.title, className: Styles.ns_menu_button_menu_item, onClick: button.onClick, tabIndex: -1, children: _jsx("img", { src: button.icon, alt: button.title, width: 16, height: 16 }) }))) }) }), state.show_info &&
|
|
87
|
+
_jsxs(NSDialog, { onClose: () => { onCloseInfo(); }, center_dialog: true, closeButton: { out: true }, children: [(_u = props.info) === null || _u === void 0 ? void 0 : _u.text, ((_v = props.info) === null || _v === void 0 ? void 0 : _v.link) &&
|
|
88
|
+
_jsx("a", { href: (_w = props.info) === null || _w === void 0 ? void 0 : _w.link, children: "Learn More!" })] }), state.fullscreen &&
|
|
89
|
+
_jsx(NSDialog, { onClose: () => { onCloseFullScreen(); }, center_dialog: true, closeButton: { out: true }, style: { width: "80%", height: "80%", maxWidth: "100%", maxHeight: "100%" }, children: _jsx(NSBoxTextArea, { ref: textarea, required: false, title: '', hideHeader: true, defaultValue: (_z = (_y = (_x = props.menu) === null || _x === void 0 ? void 0 : _x.builtin) === null || _y === void 0 ? void 0 : _y.fullscreen) === null || _z === void 0 ? void 0 : _z.getValue(), onChanged: onChanged, style: { width: "100%", height: "100%", maxWidth: "100%", maxHeight: "100%", zIndex: "999" } }) })] }) }));
|
|
83
90
|
}
|
|
84
91
|
//# sourceMappingURL=NSMenuButton.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NSMenuButton.js","sourceRoot":"","sources":["../../src/components/NSMenuButton.tsx"],"names":[],"mappings":";AAAA,OAAO,MAAM,MAAM,2BAA2B,CAAC;AAC/C,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAErD,OAAO,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAC5D,OAAO,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAClD,OAAO,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;
|
|
1
|
+
{"version":3,"file":"NSMenuButton.js","sourceRoot":"","sources":["../../src/components/NSMenuButton.tsx"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -8,7 +8,7 @@
|
|
|
8
8
|
"framework": "npm",
|
|
9
9
|
"application": "package",
|
|
10
10
|
"private": false,
|
|
11
|
-
"version": "1.4.
|
|
11
|
+
"version": "1.4.414",
|
|
12
12
|
"author": "Amir Abolhasani",
|
|
13
13
|
"license": "MIT",
|
|
14
14
|
"main": "./dist/main.js",
|
|
@@ -23,14 +23,14 @@
|
|
|
23
23
|
"dependencies": {
|
|
24
24
|
"@ant-design/charts": "^2.4.0",
|
|
25
25
|
"@babel/plugin-proposal-private-property-in-object": "^7.21.11",
|
|
26
|
-
"@types/node": "^24.0.
|
|
26
|
+
"@types/node": "^24.0.4",
|
|
27
27
|
"@types/react": "^18.3.12",
|
|
28
28
|
"@types/react-bootstrap": "^1.1.0",
|
|
29
29
|
"@types/react-dom": "^18.3.1",
|
|
30
30
|
"@types/react-gtm-module": "^2.0.4",
|
|
31
|
-
"antd": "^5.26.
|
|
31
|
+
"antd": "^5.26.2",
|
|
32
32
|
"async-mutex": "^0.5.0",
|
|
33
|
-
"bootstrap": "^5.3.
|
|
33
|
+
"bootstrap": "^5.3.7",
|
|
34
34
|
"chart.js": "^4.5.0",
|
|
35
35
|
"copyfiles": "^2.4.1",
|
|
36
36
|
"link-react": "^3.0.0",
|
|
@@ -10,7 +10,10 @@ import { NSMenuButton, NSMenuButtonMenuProps, NSMenuButtonProps } from "./NSMenu
|
|
|
10
10
|
export interface INSBoxBaseLayoutProps<Box, Data>
|
|
11
11
|
{
|
|
12
12
|
title: string;
|
|
13
|
-
|
|
13
|
+
info?: {
|
|
14
|
+
text?: string;
|
|
15
|
+
link?: string;
|
|
16
|
+
};
|
|
14
17
|
placeholder?: string;
|
|
15
18
|
defaultValue?: Data;
|
|
16
19
|
hideHeader?: boolean;
|
|
@@ -77,7 +80,7 @@ export class NSBoxBaseLayout extends React.Component<NSBoxBaseLayoutProps, NSBox
|
|
|
77
80
|
<span className={StylesNSBox.ns_box_input_title}>
|
|
78
81
|
{this.props.required && <span style={{ color: "red" }}>*</span>} {this.props.title}
|
|
79
82
|
</span>
|
|
80
|
-
<NSMenuButton
|
|
83
|
+
<NSMenuButton info={this.props.info} menu={this.props.menu} />
|
|
81
84
|
</div>
|
|
82
85
|
}
|
|
83
86
|
{this.props.children}
|
|
@@ -33,14 +33,17 @@ export interface NSMenuButtonMenuItemProps
|
|
|
33
33
|
|
|
34
34
|
export interface NSMenuButtonProps extends IBaseComponentProps
|
|
35
35
|
{
|
|
36
|
-
|
|
36
|
+
info?: {
|
|
37
|
+
text?: string;
|
|
38
|
+
link?: string;
|
|
39
|
+
};
|
|
37
40
|
menu?: NSMenuButtonMenuProps;
|
|
38
41
|
}
|
|
39
42
|
|
|
40
43
|
export interface NSMenuButtonState
|
|
41
44
|
{
|
|
42
45
|
value: string | null;
|
|
43
|
-
|
|
46
|
+
show_info: boolean;
|
|
44
47
|
fullscreen: boolean;
|
|
45
48
|
copied: boolean;
|
|
46
49
|
}
|
|
@@ -57,11 +60,11 @@ export function NSMenuButton(props: NSMenuButtonProps)
|
|
|
57
60
|
let textarea = useRef<NSBoxTextArea>(null);
|
|
58
61
|
const service = useRef<SetTimeouService>(new SetTimeouService());
|
|
59
62
|
|
|
60
|
-
let [state, setState] = useState<NSMenuButtonState>({ value: "",
|
|
63
|
+
let [state, setState] = useState<NSMenuButtonState>({ value: "", show_info: false, fullscreen: false, copied: false });
|
|
61
64
|
|
|
62
65
|
const onCloseInfo = () =>
|
|
63
66
|
{
|
|
64
|
-
setState(prev => { return { ...prev,
|
|
67
|
+
setState(prev => { return { ...prev, show_info: false }; });
|
|
65
68
|
};
|
|
66
69
|
const onCloseFullScreen = () =>
|
|
67
70
|
{
|
|
@@ -76,11 +79,16 @@ export function NSMenuButton(props: NSMenuButtonProps)
|
|
|
76
79
|
|
|
77
80
|
let buttons: { title: string, icon: string, href?: string, onClick?: () => void }[] = [];
|
|
78
81
|
|
|
79
|
-
if (props.
|
|
82
|
+
if (props.info?.text || props.info?.link)
|
|
80
83
|
buttons.push({
|
|
81
84
|
title: "Info", icon: "https://static.namirasoft.com/image/concept/info/white-blue.svg", onClick: () =>
|
|
82
85
|
{
|
|
83
|
-
|
|
86
|
+
if (props.info?.text || props.info?.link)
|
|
87
|
+
setState(prev => { return { ...prev, show_info: true } });
|
|
88
|
+
else if (props.info?.text)
|
|
89
|
+
setState(prev => { return { ...prev, show_info: true } });
|
|
90
|
+
else if (props.info?.link)
|
|
91
|
+
window.open(props.info?.link, "_blank");
|
|
84
92
|
}
|
|
85
93
|
});
|
|
86
94
|
if (props.menu?.builtin?.delete?.enabled)
|
|
@@ -171,14 +179,18 @@ export function NSMenuButton(props: NSMenuButtonProps)
|
|
|
171
179
|
</div>
|
|
172
180
|
</div>
|
|
173
181
|
{
|
|
174
|
-
state.
|
|
182
|
+
state.show_info &&
|
|
175
183
|
<NSDialog
|
|
176
184
|
onClose={() => { onCloseInfo() }}
|
|
177
185
|
center_dialog
|
|
178
186
|
closeButton={{ out: true }}
|
|
179
187
|
>
|
|
180
188
|
{
|
|
181
|
-
props.
|
|
189
|
+
props.info?.text
|
|
190
|
+
}
|
|
191
|
+
{
|
|
192
|
+
props.info?.link &&
|
|
193
|
+
<a href={props.info?.link} >Learn More!</a>
|
|
182
194
|
}
|
|
183
195
|
</NSDialog>
|
|
184
196
|
}
|