initial-commit

Author: tripolskypetr

package-lock.json

@@ -60,14 +60,13 @@
     "@types/react-dom": "18.0.6",
     "@types/react-window": "1.8.5",
     "@types/uuid": "8.3.4",
+    "appwrite": "10.2.0",
     "clsx": "1.2.1",
     "dayjs": "1.11.5",
     "history": "5.3.0",
+    "lodash": "4.17.21",
     "mobx": "6.6.2",
     "mobx-react": "7.5.3",
-    "msw": "0.47.3",
-    "node-appwrite": "8.2.0",
-    "notistack": "2.0.5",
     "path-to-regexp": "6.2.0",
     "react": "18.2.0",
     "react-declarative": "2.2.4",

package.json

@@ -1,8 +1,5 @@
 {
     "package": {
-      "scripts": {
-        "msw-init": "npx msw init public/ --save"
-      },
       "devDependencies": {
         "@types/uuid": "8.3.4",
         "@types/node": "16.11.51",
@@ -26,12 +23,11 @@
         "react-declarative": "2.2.4",
         "resize-observer-polyfill": "1.5.1",
         "react-window": "1.8.7",
-        "node-appwrite": "8.2.0",
+        "appwrite": "10.2.0",
         "mobx": "6.6.2",
         "mobx-react": "7.5.3",
         "uuid": "9.0.0",
-        "msw": "0.47.3",
-        "notistack": "2.0.5",
+        "lodash": "4.17.21",
         "clsx": "1.2.1"
       },
       "eslintConfig": {

template.json

@@ -0,0 +1,37 @@
+import * as React from 'react';
+
+import { observer } from "mobx-react";
+
+import Snackbar from "@mui/material/Snackbar";
+
+import ioc from '../lib/ioc';
+
+const AUTO_HIDE_DURATION = 5000;
+
+interface IAlertProviderProps {
+    children: React.ReactChild;
+}
+
+export const AlertProvider = observer(({
+    children,
+}: IAlertProviderProps) => {
+    const { current } = ioc.alertService;
+    return (
+        <>
+            {!!current && (
+                <Snackbar
+                    open
+                    key={current.key}
+                    anchorOrigin={{ vertical: 'bottom', horizontal: 'center' }}
+                    autoHideDuration={AUTO_HIDE_DURATION}
+                    onClose={ioc.alertService.hideCurrent}
+                    sx={{ zIndex: 99999 }}
+                    message={current.message}
+                />
+            )}
+            {children}
+        </>
+    );
+});
+
+export default AlertProvider;