awing-library 2.1.4-beta → 2.1.4

package/lib/ACM-AXN/Notifications/NotificationPopover.js

@@ -1,69 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var jsx_runtime_1 = require("react/jsx-runtime");
-/**
- *
- * @author dauquan1108@gmail.com on 12/1/2023.
- *
- **/
-var react_1 = __importDefault(require("react"));
-var material_1 = require("@mui/material");
-var Notifications_1 = __importDefault(require("@mui/icons-material/Notifications"));
-var react_i18next_1 = require("react-i18next");
-var i18n_1 = __importDefault(require("../../i18n"));
-var NotificationDetail_1 = __importDefault(require("./NotificationDetail"));
-var Common_1 = require("./NotificationDetail/Common");
-var NotificationPopover = function () {
-    var _a = react_1.default.useState(null), anchorEl = _a[0], setAnchorEl = _a[1];
-    var _b = react_1.default.useState(11), totalNotification = _b[0], setTotalNotification = _b[1];
-    var handleClick = function (event) {
-        var href = window.location.href;
-        // nếu đang ở notifications thì click vào quả chuông sẽ không mở popover nữa.
-        if (!href.includes(Common_1.types.NOTIFICATIONS)) {
-            setTotalNotification(0);
-            setAnchorEl(event.currentTarget);
-        }
-    };
-    var handleClose = function () {
-        setAnchorEl(null);
-    };
-    var open = Boolean(anchorEl);
-    var id = open ? "simple-popover" : undefined;
-    return ((0, jsx_runtime_1.jsx)(react_i18next_1.I18nextProvider, { i18n: i18n_1.default, children: (0, jsx_runtime_1.jsxs)(material_1.Box, { component: "div", children: [(0, jsx_runtime_1.jsx)(material_1.IconButton, { "aria-describedby": id, onClick: handleClick, sx: { backgroundColor: open ? "#F98D9C" : "inherit" }, children: (0, jsx_runtime_1.jsx)(material_1.Badge, { badgeContent: totalNotification, color: "error", children: (0, jsx_runtime_1.jsx)(Notifications_1.default, { "data-testid": "notification-icon", sx: { color: open ? "#DD040C" : "inherit" } }) }) }), (0, jsx_runtime_1.jsx)(material_1.Popover, { id: id, open: open, anchorEl: anchorEl, onClose: handleClose, anchorOrigin: {
-                        vertical: "bottom",
-                        horizontal: "center"
-                    }, transformOrigin: {
-                        vertical: "top",
-                        horizontal: "center"
-                    }, PaperProps: {
-                        style: {
-                            borderRadius: "8px",
-                        },
-                    }, children: (0, jsx_runtime_1.jsx)(material_1.Box, { "data-testid": "popover", component: "div", sx: [
-                            {
-                                width: "400px",
-                                overflowY: "auto",
-                                maxHeight: "calc(90vh - 8px)",
-                            },
-                            {
-                                "&::-webkit-scrollbar": {
-                                    width: "10px",
-                                },
-                            },
-                            {
-                                "&::-webkit-scrollbar-track": {
-                                    backgroundColor: "#f1f1f1",
-                                },
-                            },
-                            {
-                                "&::-webkit-scrollbar-thumb": {
-                                    borderRadius: "4px",
-                                    backgroundColor: "#c1c1c1",
-                                },
-                            },
-                        ], children: (0, jsx_runtime_1.jsx)(NotificationDetail_1.default, {}) }) })] }) }));
-};
-exports.default = NotificationPopover;