@voplus/morpho-workspace 4.0.0 → 4.0.2

package/es/modules/space/components/Notes/NewNoteDialog/index.js

@@ -1,41 +1,41 @@
-import "./index.less";
-import { useDocumentStore } from "@voplus/morpho-document-core";
-import React, { useState } from "react";
-import { faCheck, faTimes } from "@fortawesome/pro-light-svg-icons";
-import ColorSelect from "../ColorSelect";
-import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
-import { Modal } from "antd";
-import ProseMirror from "@voplus/morpho-text/es/controls/ProseMirror";
-import { RequestBuilder } from "@voplus/api";
-import { localFormat } from "../../../../../data/contexts/StoreContext";
-import moment from "moment";
-import { observe } from "@voplus/morpho-ui";
-const NewNoteDialog = (props) => {
-    const { parentId, visible, onCancel, onOk } = props;
-    const [text, setText] = useState("");
-    const [color, setColor] = useState("");
-    const documentStore = useDocumentStore();
-    return observe(() => (React.createElement(Modal, { title: React.createElement(React.Fragment, null,
-            React.createElement("div", null, "Add Note"),
-            React.createElement("div", { className: "date" }, localFormat(moment(), "dddd, MMM Do, h:mm A"))), width: "660px", open: visible, closable: false, footer: null, className: "new-note-dialog" },
-        React.createElement("div", { className: "note-header" },
-            React.createElement(ColorSelect, { onChange: (c) => setColor(c.name) }),
-            React.createElement("div", null,
-                React.createElement(FAIcon, { icon: faTimes, color: "#999", onClick: () => onCancel && onCancel() }),
-                React.createElement(FAIcon, { icon: faCheck, color: "#52c41a", onClick: save }))),
-        React.createElement(ProseMirror, { toolbarProps: { sticky: false }, scroll: true, 
-            // defaultHtml={description || ""}
-            // readonly={!state.editable || readonly}
-            className: `note-bg-${color}`, 
-            // onClick={() => (state.editable = !readonly)}
-            onChange: (opt) => setText(opt.editor.dom.innerHTML === "<p><br></p>" ? "" : opt.editor.dom.innerHTML) }))));
-    async function save() {
-        const r = await documentStore.endpoint.post(`/api/documents/create`, new RequestBuilder().form({ type: "Text", name: "Note", parentId, Text: text }));
-        const t = await r.json();
-        console.log(t, "t");
-        if (onOk)
-            onOk(t);
-    }
-};
-export default NewNoteDialog;
+import "./index.less";
+import { useDocumentStore } from "@voplus/morpho-document-core";
+import React, { useState } from "react";
+import { faCheck, faTimes } from "@fortawesome/pro-light-svg-icons";
+import ColorSelect from "../ColorSelect";
+import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
+import { Modal } from "antd";
+import ProseMirror from "@voplus/morpho-text/es/controls/ProseMirror";
+import { RequestBuilder } from "@voplus/api";
+import { localFormat } from "../../../../../data/contexts/StoreContext";
+import moment from "moment";
+import { observe } from "@voplus/morpho-ui";
+const NewNoteDialog = (props) => {
+    const { parentId, visible, onCancel, onOk } = props;
+    const [text, setText] = useState("");
+    const [color, setColor] = useState("");
+    const documentStore = useDocumentStore();
+    return observe(() => (React.createElement(Modal, { title: React.createElement(React.Fragment, null,
+            React.createElement("div", null, "Add Note"),
+            React.createElement("div", { className: "date" }, localFormat(moment(), "dddd, MMM Do, h:mm A"))), width: "660px", open: visible, closable: false, footer: null, className: "new-note-dialog" },
+        React.createElement("div", { className: "note-header" },
+            React.createElement(ColorSelect, { onChange: (c) => setColor(c.name) }),
+            React.createElement("div", null,
+                React.createElement(FAIcon, { icon: faTimes, color: "#999", onClick: () => onCancel && onCancel() }),
+                React.createElement(FAIcon, { icon: faCheck, color: "#52c41a", onClick: save }))),
+        React.createElement(ProseMirror, { toolbarProps: { sticky: false }, scroll: true, 
+            // defaultHtml={description || ""}
+            // readonly={!state.editable || readonly}
+            className: `note-bg-${color}`, 
+            // onClick={() => (state.editable = !readonly)}
+            onChange: (opt) => setText(opt.editor.dom.innerHTML === "<p><br></p>" ? "" : opt.editor.dom.innerHTML) }))));
+    async function save() {
+        const r = await documentStore.endpoint.post(`/api/documents/create`, new RequestBuilder().form({ type: "Text", name: "Note", parentId, Text: text }));
+        const t = await r.json();
+        console.log(t, "t");
+        if (onOk)
+            onOk(t);
+    }
+};
+export default NewNoteDialog;
 //# sourceMappingURL=index.js.map

package/es/modules/space/components/Notes/NewNoteDialog/index.less

@@ -1,78 +1,78 @@
-:global {
-	.new-note-dialog {
-		width: 680px;
-
-		.ant-modal-header {
-			padding: 10px 20px;
-
-			.ant-modal-title {
-				display: flex;
-				justify-content: space-between;
-
-				.date {
-					color: #999;
-					font-size: 14px;
-					font-weight: normal;
-				}
-			}
-		}
-
-		.ant-modal-body {
-			display: flex;
-			flex-direction: column;
-			padding: 10px 20px 20px 20px !important;
-			height: 50vh;
-
-			.note-header {
-				display: flex;
-				padding-bottom: 10px;
-				justify-content: space-between;
-				align-items: center;
-				color: #999;
-
-				> div {
-					flex: 1;
-					text-align: right;
-
-					.svg-inline--fa {
-						font-size: 19px;
-						margin-left: 15px;
-						cursor: pointer;
-					}
-				}
-			}
-
-			.note-bg-none {
-				background-color: transparent;
-			}
-
-			.note-bg-yellow {
-				background-color: #ffe66e;
-			}
-
-			.note-bg-green {
-				background-color: #a1ef9b;
-			}
-
-			.note-bg-pink {
-				background-color: #ffafdf;
-			}
-
-			.note-bg-purple {
-				background-color: #d7afff;
-			}
-
-			.note-bg-blue {
-				background-color: #9edfff;
-			}
-
-			.note-bg-grey {
-				background-color: #e0e0e0;
-			}
-
-			.note-bg-black {
-				background-color: #767676;
-			}
-		}
-	}
-}
+:global {
+	.new-note-dialog {
+		width: 680px;
+
+		.ant-modal-header {
+			padding: 10px 20px;
+
+			.ant-modal-title {
+				display: flex;
+				justify-content: space-between;
+
+				.date {
+					color: #999;
+					font-size: 14px;
+					font-weight: normal;
+				}
+			}
+		}
+
+		.ant-modal-body {
+			display: flex;
+			flex-direction: column;
+			padding: 10px 20px 20px 20px !important;
+			height: 50vh;
+
+			.note-header {
+				display: flex;
+				padding-bottom: 10px;
+				justify-content: space-between;
+				align-items: center;
+				color: #999;
+
+				> div {
+					flex: 1;
+					text-align: right;
+
+					.svg-inline--fa {
+						font-size: 19px;
+						margin-left: 15px;
+						cursor: pointer;
+					}
+				}
+			}
+
+			.note-bg-none {
+				background-color: transparent;
+			}
+
+			.note-bg-yellow {
+				background-color: #ffe66e;
+			}
+
+			.note-bg-green {
+				background-color: #a1ef9b;
+			}
+
+			.note-bg-pink {
+				background-color: #ffafdf;
+			}
+
+			.note-bg-purple {
+				background-color: #d7afff;
+			}
+
+			.note-bg-blue {
+				background-color: #9edfff;
+			}
+
+			.note-bg-grey {
+				background-color: #e0e0e0;
+			}
+
+			.note-bg-black {
+				background-color: #767676;
+			}
+		}
+	}
+}

package/es/modules/space/components/Notes/TextNoteCard/index.d.ts

@@ -1,6 +1,6 @@
-/// <reference types="react" />
-import "./index.less";
-declare const TextNoteCard: (props: {
-    id: string;
-}) => JSX.Element;
-export default TextNoteCard;
+/// <reference types="react" />
+import "./index.less";
+declare const TextNoteCard: (props: {
+    id: string;
+}) => JSX.Element;
+export default TextNoteCard;

package/es/modules/space/components/Notes/TextNoteCard/index.js

@@ -1,34 +1,34 @@
-import "./index.less";
-import React, { useState } from "react";
-import Card from "@voplus/morpho-ui/es/controls/Card";
-import ColorSelect from "../ColorSelect";
-import { Open } from "@voplus/morpho-document/es/controls/ToolBar/buttons";
-import { Skeleton } from "antd";
-import { State } from "./state";
-import TextQuickViewDialog from "@voplus/morpho-document/es/components/TextQuickViewDialog";
-import ToolBar from "@voplus/morpho-document/es/controls/ToolBar/ToolBar2";
-import Viewer from "@voplus/morpho-text/es/controls/ProseMirror/Viewer";
-import classnames from "classnames";
-import moment from "moment";
-import { observe } from "@voplus/morpho-ui";
-import { runInAction } from "mobx";
-import { useText } from "@voplus/morpho-text/es/data";
-const TextNoteCard = (props) => {
-    const { id } = props;
-    const note = useText(id, { reload: (t) => !t["text"] });
-    // const text = { loading: false, date: "2020-08-03" };
-    const [state] = useState(new State());
-    return observe(() => (React.createElement(Card, { className: "text-note-card", shadow: true },
-        note.loading ? (React.createElement("div", { style: { padding: "0 20px" } },
-            React.createElement(Skeleton, { active: true }))) : (React.createElement("div", { className: "text-card-container", onMouseOver: () => runInAction(() => (state.isHover = true)), onMouseLeave: () => runInAction(() => (state.isHover = false)), style: { backgroundColor: state.color } },
-            React.createElement("div", { className: "text-note-card_header" },
-                React.createElement("div", { className: classnames("text-note-card_theme", { show: state.isHover }) },
-                    React.createElement(ColorSelect, { color: "", onChange: (c) => runInAction(() => (state.color = c.color)) })),
-                React.createElement("div", { className: classnames("text-note-card_date", { hide: state.isHover }) }, moment(note.date).format("D MMM YYYY HH:mm")),
-                React.createElement(ToolBar, { id: id },
-                    React.createElement(Open, { url: `/document/${props.id}` }))),
-            React.createElement(Viewer, { html: note.text, onClick: () => runInAction(() => (state.visible = true)) }))),
-        React.createElement(TextQuickViewDialog, { id: id, visible: state.visible, onCancel: () => runInAction(() => (state.visible = false)) }))));
-};
-export default TextNoteCard;
+import "./index.less";
+import React, { useState } from "react";
+import Card from "@voplus/morpho-ui/es/controls/Card";
+import ColorSelect from "../ColorSelect";
+import { Open } from "@voplus/morpho-document/es/controls/ToolBar/buttons";
+import { Skeleton } from "antd";
+import { State } from "./state";
+import TextQuickViewDialog from "@voplus/morpho-document/es/components/TextQuickViewDialog";
+import ToolBar from "@voplus/morpho-document/es/controls/ToolBar/ToolBar2";
+import Viewer from "@voplus/morpho-text/es/controls/ProseMirror/Viewer";
+import classnames from "classnames";
+import moment from "moment";
+import { observe } from "@voplus/morpho-ui";
+import { runInAction } from "mobx";
+import { useText } from "@voplus/morpho-text/es/data";
+const TextNoteCard = (props) => {
+    const { id } = props;
+    const note = useText(id, { reload: (t) => !t["text"] });
+    // const text = { loading: false, date: "2020-08-03" };
+    const [state] = useState(new State());
+    return observe(() => (React.createElement(Card, { className: "text-note-card", shadow: true },
+        note.loading ? (React.createElement("div", { style: { padding: "0 20px" } },
+            React.createElement(Skeleton, { active: true }))) : (React.createElement("div", { className: "text-card-container", onMouseOver: () => runInAction(() => (state.isHover = true)), onMouseLeave: () => runInAction(() => (state.isHover = false)), style: { backgroundColor: state.color } },
+            React.createElement("div", { className: "text-note-card_header" },
+                React.createElement("div", { className: classnames("text-note-card_theme", { show: state.isHover }) },
+                    React.createElement(ColorSelect, { color: "", onChange: (c) => runInAction(() => (state.color = c.color)) })),
+                React.createElement("div", { className: classnames("text-note-card_date", { hide: state.isHover }) }, moment(note.date).format("D MMM YYYY HH:mm")),
+                React.createElement(ToolBar, { id: id },
+                    React.createElement(Open, { url: `/document/${props.id}` }))),
+            React.createElement(Viewer, { html: note.text, onClick: () => runInAction(() => (state.visible = true)) }))),
+        React.createElement(TextQuickViewDialog, { id: id, visible: state.visible, onCancel: () => runInAction(() => (state.visible = false)) }))));
+};
+export default TextNoteCard;
 //# sourceMappingURL=index.js.map

package/es/modules/space/components/Notes/TextNoteCard/index.less

@@ -1,56 +1,56 @@
-:global {
-	.text-note-card {
-		padding: 0;
-		width: 20.5rem !important;
-		cursor: pointer;
-		&:hover {
-			.text-note-card_header .tool-bar {
-				opacity: 1;
-				transition: opacity 0.2s ease-out;
-			}
-		}
-		.text-note-card_header {
-			position: relative;
-			display: flex;
-			justify-content: space-between;
-			align-items: center;
-			height: 2.5rem;
-			padding: 0 15px;
-			color: #000;
-			font-size: 15px;
-			line-height: 22px;
-			overflow: hidden;
-			.tool-bar {
-				opacity: 0;
-				.ant-btn {
-					margin-left: 5px;
-				}
-				.ant-btn + .ant-btn {
-					margin-right: 0;
-				}
-			}
-			.text-note-card_theme {
-				position: absolute;
-				display: flex;
-				align-items: center;
-				transform: translateY(-150%);
-				transition: transform 0.3s ease-out;
-				z-index: 1;
-				&.show {
-					transform: translateY(0);
-				}
-			}
-			.text-note-card_date {
-				opacity: 1;
-				transition: opacity 0.2s ease-out;
-				&.hide {
-					opacity: 0;
-				}
-			}
-		}
-		.ProseMirror-container {
-			height: 18rem;
-			padding: 0 15px;
-		}
-	}
-}
+:global {
+	.text-note-card {
+		padding: 0;
+		width: 20.5rem !important;
+		cursor: pointer;
+		&:hover {
+			.text-note-card_header .tool-bar {
+				opacity: 1;
+				transition: opacity 0.2s ease-out;
+			}
+		}
+		.text-note-card_header {
+			position: relative;
+			display: flex;
+			justify-content: space-between;
+			align-items: center;
+			height: 2.5rem;
+			padding: 0 15px;
+			color: #000;
+			font-size: 15px;
+			line-height: 22px;
+			overflow: hidden;
+			.tool-bar {
+				opacity: 0;
+				.ant-btn {
+					margin-left: 5px;
+				}
+				.ant-btn + .ant-btn {
+					margin-right: 0;
+				}
+			}
+			.text-note-card_theme {
+				position: absolute;
+				display: flex;
+				align-items: center;
+				transform: translateY(-150%);
+				transition: transform 0.3s ease-out;
+				z-index: 1;
+				&.show {
+					transform: translateY(0);
+				}
+			}
+			.text-note-card_date {
+				opacity: 1;
+				transition: opacity 0.2s ease-out;
+				&.hide {
+					opacity: 0;
+				}
+			}
+		}
+		.ProseMirror-container {
+			height: 18rem;
+			padding: 0 15px;
+		}
+	}
+}

package/es/modules/space/components/Notes/TextNoteCard/state.d.ts

@@ -1,6 +1,6 @@
-export declare class State {
-    isHover: boolean;
-    visible: boolean;
-    color: string;
-    constructor();
-}
+export declare class State {
+    isHover: boolean;
+    visible: boolean;
+    color: string;
+    constructor();
+}

package/es/modules/space/components/Notes/TextNoteCard/state.js

@@ -1,35 +1,35 @@
-import { __decorate } from "tslib";
-import { makeObservable, observable } from "mobx";
-export class State {
-    constructor() {
-        Object.defineProperty(this, "isHover", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: false
-        });
-        Object.defineProperty(this, "visible", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: false
-        });
-        Object.defineProperty(this, "color", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: ""
-        });
-        makeObservable(this);
-    }
-}
-__decorate([
-    observable
-], State.prototype, "isHover", void 0);
-__decorate([
-    observable
-], State.prototype, "visible", void 0);
-__decorate([
-    observable
-], State.prototype, "color", void 0);
+import { __decorate } from "tslib";
+import { makeObservable, observable } from "mobx";
+export class State {
+    constructor() {
+        Object.defineProperty(this, "isHover", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: false
+        });
+        Object.defineProperty(this, "visible", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: false
+        });
+        Object.defineProperty(this, "color", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: ""
+        });
+        makeObservable(this);
+    }
+}
+__decorate([
+    observable
+], State.prototype, "isHover", void 0);
+__decorate([
+    observable
+], State.prototype, "visible", void 0);
+__decorate([
+    observable
+], State.prototype, "color", void 0);
 //# sourceMappingURL=state.js.map

package/es/modules/space/components/Notes/index.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
-declare const Notes: (props: {
-    id: string;
-}) => JSX.Element;
-export default Notes;
+/// <reference types="react" />
+declare const Notes: (props: {
+    id: string;
+}) => JSX.Element;
+export default Notes;

package/es/modules/space/components/Notes/index.js

@@ -1,51 +1,51 @@
-import { useDocumentListEffect } from "@voplus/morpho-document-core";
-import { ListDataContext, useCreateListDataState } from "@voplus/morpho-ui/es/data";
-import React, { useState } from "react";
-import Card from "@voplus/morpho-ui/es/controls/Card";
-import NewNoteDialog from "./NewNoteDialog";
-import Scrollbars from "react-custom-scrollbars";
-import { SearchOutlined } from "@ant-design/icons";
-import SortViewDropdown from "@voplus/morpho-ui/es/components/layout/ListView/controls/SortViewDropdown";
-import StickyAddButton from "../../../../controls/StickyAddButton";
-import TextNoteCard from "./TextNoteCard";
-import TimeoutInput from "@voplus/morpho-ui/es/controls/TimeoutInput";
-import { observe } from "@voplus/morpho-ui";
-import { useRenderOnChange } from "@voplus/morpho-ui";
-const Notes = (props) => {
-    const { id } = props;
-    const [added, setAdded] = useState(false);
-    const list = useCreateListDataState({
-        filterDefaults: {
-            includes: "tags",
-            filters: [{ c: "ParentNodeId", o: "=", l: "And", v1: id }],
-        },
-    }, [id]);
-    /** 如果 list.filters.options变更了就重渲染，使下一行的useDocumentListEffect 可以接收新参数*/
-    useRenderOnChange(() => list.filters.options);
-    /** 把ListDataState传给useDocumentListEffect,使之可以自動更新loading, hasmore. */
-    useDocumentListEffect(list, (result) => list.union(result), list.filters.options);
-    /** useOnNewDocument, useOnDeleteDocument的sugar syntax 自動更新list. */
-    // useAutoUpdateListData(list, d => d.parentId === id);
-    return observe(() => (React.createElement("div", { className: "my-space-view_content" },
-        React.createElement("header", null,
-            React.createElement("div", { className: "title" }, "My Notes"),
-            React.createElement("div", null,
-                React.createElement(SortViewDropdown, { onSort: onSort, className: "sort-btn" }),
-                React.createElement(TimeoutInput, { suffix: React.createElement(SearchOutlined, null), allowClear: true, onIdle: (e) => console.log(e, "e") }))),
-        React.createElement(Scrollbars, { autoHide: true },
-            React.createElement("div", { className: "my-space-view_list" },
-                React.createElement(ListDataContext.Provider, { value: list }, list.data.map((i) => (React.createElement(React.Fragment, { key: i.id }, i.type === "Text" && React.createElement(TextNoteCard, { id: i.id }))))),
-                list.data.length === 0 && (React.createElement(Card, { style: { width: "20.5rem", height: "20.5rem", fontSize: "16px" }, shadow: true }, "Add a Note")))),
-        React.createElement(StickyAddButton, { onClick: () => setAdded(true) }),
-        React.createElement(NewNoteDialog, { parentId: id, visible: added, onCancel: () => setAdded(false), onOk: onOk }))));
-    function onSort(sort) {
-        console.log(sort, "sort");
-        // list.triggerSort(sort);
-    }
-    function onOk(t) {
-        list.union([t]);
-        setAdded(false);
-    }
-};
-export default Notes;
+import { useDocumentListEffect } from "@voplus/morpho-document-core";
+import { ListDataContext, useCreateListDataState } from "@voplus/morpho-ui/es/data";
+import React, { useState } from "react";
+import Card from "@voplus/morpho-ui/es/controls/Card";
+import NewNoteDialog from "./NewNoteDialog";
+import Scrollbars from "react-custom-scrollbars";
+import { SearchOutlined } from "@ant-design/icons";
+import SortViewDropdown from "@voplus/morpho-ui/es/components/layout/ListView/controls/SortViewDropdown";
+import StickyAddButton from "../../../../controls/StickyAddButton";
+import TextNoteCard from "./TextNoteCard";
+import TimeoutInput from "@voplus/morpho-ui/es/controls/TimeoutInput";
+import { observe } from "@voplus/morpho-ui";
+import { useRenderOnChange } from "@voplus/morpho-ui";
+const Notes = (props) => {
+    const { id } = props;
+    const [added, setAdded] = useState(false);
+    const list = useCreateListDataState({
+        filterDefaults: {
+            includes: "tags",
+            filters: [{ c: "ParentNodeId", o: "=", l: "And", v1: id }],
+        },
+    }, [id]);
+    /** 如果 list.filters.options变更了就重渲染，使下一行的useDocumentListEffect 可以接收新参数*/
+    useRenderOnChange(() => list.filters.options);
+    /** 把ListDataState传给useDocumentListEffect,使之可以自動更新loading, hasmore. */
+    useDocumentListEffect(list, (result) => list.union(result), list.filters.options);
+    /** useOnNewDocument, useOnDeleteDocument的sugar syntax 自動更新list. */
+    // useAutoUpdateListData(list, d => d.parentId === id);
+    return observe(() => (React.createElement("div", { className: "my-space-view_content" },
+        React.createElement("header", null,
+            React.createElement("div", { className: "title" }, "My Notes"),
+            React.createElement("div", null,
+                React.createElement(SortViewDropdown, { onSort: onSort, className: "sort-btn" }),
+                React.createElement(TimeoutInput, { suffix: React.createElement(SearchOutlined, null), allowClear: true, onIdle: (e) => console.log(e, "e") }))),
+        React.createElement(Scrollbars, { autoHide: true },
+            React.createElement("div", { className: "my-space-view_list" },
+                React.createElement(ListDataContext.Provider, { value: list }, list.data.map((i) => (React.createElement(React.Fragment, { key: i.id }, i.type === "Text" && React.createElement(TextNoteCard, { id: i.id }))))),
+                list.data.length === 0 && (React.createElement(Card, { style: { width: "20.5rem", height: "20.5rem", fontSize: "16px" }, shadow: true }, "Add a Note")))),
+        React.createElement(StickyAddButton, { onClick: () => setAdded(true) }),
+        React.createElement(NewNoteDialog, { parentId: id, visible: added, onCancel: () => setAdded(false), onOk: onOk }))));
+    function onSort(sort) {
+        console.log(sort, "sort");
+        // list.triggerSort(sort);
+    }
+    function onOk(t) {
+        list.union([t]);
+        setAdded(false);
+    }
+};
+export default Notes;
 //# sourceMappingURL=index.js.map

package/es/modules/space/components/Notifications/index.d.ts

@@ -1,7 +1,7 @@
-/// <reference types="react" />
-import { State } from "../../pages/MySpace/state";
-declare const Notifications: (props: {
-    state: State;
-    path: string;
-}) => JSX.Element;
-export default Notifications;
+/// <reference types="react" />
+import { State } from "../../pages/MySpace/state";
+declare const Notifications: (props: {
+    state: State;
+    path: string;
+}) => JSX.Element;
+export default Notifications;