@banch0u/core-project-test-repository 1.3.2 → 1.4.1

package/dist/components/NotificationSettingsContent/index.module.scss

@@ -0,0 +1,70 @@
+.settingsWrapper {
+  padding-right: 8px;
+}
+
+.sectionTitle {
+  margin-bottom: 16px;
+  font-weight: 600;
+  color: #1f1f1f;
+}
+
+.settingGroupTitle {
+  margin: 12px 0 8px;
+  font-size: 16px;
+  color: #888;
+  font-weight: 500;
+  display: block;
+}
+
+.formLabel {
+  font-weight: 500;
+  font-size: 14px;
+}
+
+.inlineSwitch {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  margin-bottom: 12px;
+
+  .ant-form-item-label {
+    flex: 1;
+    margin: 0;
+  }
+
+  .ant-form-item-control {
+    flex-shrink: 0;
+    margin-left: 16px;
+  }
+
+  .ant-switch {
+    margin-left: auto;
+  }
+}
+.modal_select > div {
+  padding: 5px 16px !important;
+  // border-color: #bdbdbd !important;
+  border-radius: 6px !important;
+  height: 48px;
+}
+.modal_select {
+  width: 100%;
+  height: auto;
+  height: 48px;
+  span {
+    font-size: 16px !important;
+    font-weight: 500 !important;
+    line-height: 24px !important;
+    text-align: left !important;
+  }
+}
+.next_buttons_ {
+  display: flex;
+  justify-content: flex-end;
+  gap: 20px;
+  margin-top: 10px;
+  button {
+    border-radius: 6px;
+    padding: 9px 19px;
+  }
+}

package/dist/components/ProfileOptions/index.js

@@ -0,0 +1,131 @@
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import React, { useEffect, useState } from "react";
+import { Badge, Dropdown, Menu, Tooltip } from "antd";
+import { SunOutlined, MoonOutlined } from "@ant-design/icons";
+import style from "./index.module.scss";
+import { BellOutlined, BellFilled, NotificationOutlined } from "@ant-design/icons";
+import { useDispatch, useSelector } from "react-redux";
+import { Link } from "react-router-dom";
+import { getProfileInfo, scopes } from "../../store/slices/auth";
+import { entryData } from "../../pages/Platform/constant";
+import { CategoryIcon, UserIcon } from "../../assets/icons";
+import { getNotifications } from "../../store/slices/notification";
+import NotificationDropdown from "../NotificationDropdown";
+var ProfileOptions = function ProfileOptions() {
+  var dispatch = useDispatch();
+  var _useSelector = useSelector(function (state) {
+      return state.auth;
+    }),
+    scopesData = _useSelector.scopesData;
+  var profileInfo = useSelector(function (state) {
+    return state.auth.profileInfo;
+  });
+  var _useSelector2 = useSelector(function (state) {
+      return state.global;
+    }),
+    notificationsRender = _useSelector2.notificationsRender;
+  var _useState = useState(20),
+    _useState2 = _slicedToArray(_useState, 2),
+    size = _useState2[0],
+    setSize = _useState2[1];
+  var _useState3 = useState(1),
+    _useState4 = _slicedToArray(_useState3, 2),
+    page = _useState4[0],
+    setPage = _useState4[1];
+  var notifications = useSelector(function (state) {
+    return state.notification.notifications;
+  });
+  console.log(notificationsRender);
+  var _useState5 = useState(localStorage.getItem("theme") || "light"),
+    _useState6 = _slicedToArray(_useState5, 2),
+    theme = _useState6[0],
+    setTheme = _useState6[1];
+  var toggleTheme = function toggleTheme() {
+    var newTheme = theme === "light" ? "dark" : "light";
+    setTheme(newTheme);
+    localStorage.setItem("theme", newTheme);
+    document.documentElement.setAttribute("data-theme", newTheme);
+    window.dispatchEvent(new Event("themeChange"));
+  };
+  var NotificationIcon = function NotificationIcon() {
+    return /*#__PURE__*/React.createElement(Badge, {
+      count: notifications === null || notifications === void 0 ? void 0 : notifications.notReadenCount,
+      style: {
+        fontSize: "10px",
+        height: "16px",
+        minWidth: "16px",
+        lineHeight: "16px",
+        padding: "0 4px"
+      }
+    }, /*#__PURE__*/React.createElement(BellOutlined, {
+      style: {
+        fontSize: "20px"
+      }
+    }));
+  };
+  useEffect(function () {
+    dispatch(scopes());
+    dispatch(getProfileInfo());
+  }, [dispatch]);
+  useEffect(function () {
+    dispatch(getNotifications({
+      size: size,
+      page: page
+    }));
+  }, [dispatch, size, page, notificationsRender]);
+  useEffect(function () {
+    console.log("notificationsRender:", notificationsRender);
+  }, [notificationsRender]);
+  var rootUrl = window.location.origin;
+  var menu1 = /*#__PURE__*/React.createElement(Menu, null, /*#__PURE__*/React.createElement("div", {
+    className: style.links
+  }, entryData === null || entryData === void 0 ? void 0 : entryData.map(function (item) {
+    return scopesData === "*" || scopesData !== null && scopesData !== void 0 && scopesData.includes(item.scopes) ? /*#__PURE__*/React.createElement(Link, {
+      to: item === null || item === void 0 ? void 0 : item.pathname,
+      key: item === null || item === void 0 ? void 0 : item.id
+    }, item === null || item === void 0 ? void 0 : item.icon, item === null || item === void 0 ? void 0 : item.value) : /*#__PURE__*/React.createElement("div", {
+      className: style.disableMenu,
+      key: item === null || item === void 0 ? void 0 : item.id
+    }, item === null || item === void 0 ? void 0 : item.icon, item === null || item === void 0 ? void 0 : item.value);
+  }), /*#__PURE__*/React.createElement(Link, {
+    to: "".concat(rootUrl, "/accounts")
+  }, /*#__PURE__*/React.createElement(UserIcon, null), "\u015E\u0259xsi kabinet")));
+  return /*#__PURE__*/React.createElement("div", {
+    className: style.profile
+  }, /*#__PURE__*/React.createElement(Tooltip, {
+    title: theme === "dark" ? "Gündüz modu" : "Gecə modu"
+  }, /*#__PURE__*/React.createElement("button", {
+    onClick: toggleTheme,
+    "data-no-invert": true,
+    className: style.button
+  }, theme === "dark" ? /*#__PURE__*/React.createElement(SunOutlined, null) : /*#__PURE__*/React.createElement(MoonOutlined, null))), /*#__PURE__*/React.createElement(Dropdown, {
+    overlay: /*#__PURE__*/React.createElement(NotificationDropdown, {
+      size: size,
+      page: page,
+      setSize: setSize,
+      setPage: setPage
+    }),
+    trigger: ["click"],
+    placement: "bottomRight",
+    overlayClassName: style.notificationDropdown
+  }, /*#__PURE__*/React.createElement(Tooltip, {
+    title: "Bildirişlər"
+  }, /*#__PURE__*/React.createElement("button", {
+    "data-no-invert": true,
+    className: style.button
+  }, /*#__PURE__*/React.createElement(NotificationIcon, null)))), /*#__PURE__*/React.createElement(Dropdown, {
+    overlay: menu1,
+    trigger: ["click"]
+  }, /*#__PURE__*/React.createElement("div", {
+    className: style.category,
+    "data-no-invert-1": true
+  }, /*#__PURE__*/React.createElement(CategoryIcon, null))), /*#__PURE__*/React.createElement("div", {
+    className: style.dropdown
+  }, /*#__PURE__*/React.createElement("div", {
+    className: style.pp,
+    "data-no-invert": true
+  }, profileInfo === null || profileInfo === void 0 ? void 0 : profileInfo.name[0]), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
+    className: style.name
+  }, profileInfo === null || profileInfo === void 0 ? void 0 : profileInfo.name, " ", profileInfo === null || profileInfo === void 0 ? void 0 : profileInfo.surname))));
+};
+export default ProfileOptions;

package/dist/components/ProfileOptions/index.module.scss

@@ -0,0 +1,131 @@
+.profile {
+  display: flex;
+  gap: 12px;
+  align-items: center;
+  .category {
+    display: flex;
+    align-items: center;
+    margin-top: 4px;
+    cursor: pointer;
+    svg {
+      width: 30px;
+      height: 30px;
+    }
+  }
+  .button {
+    background: transparent;
+    border: none;
+    display: flex;
+    align-items: center;
+    cursor: pointer;
+    svg {
+      width: 20px;
+      margin-top: 3.5px;
+    }
+  }
+  .dropdown {
+    display: flex;
+    align-items: center;
+    cursor: pointer;
+    gap: 8px;
+    img {
+      width: 39px;
+      height: 39px;
+      border-radius: 50%;
+      border: 1px solid #bebebe;
+    }
+    .pp {
+      width: 39px;
+      height: 39px;
+      border-radius: 50%;
+      // border: 1px solid #bebebe;
+      background: var(--darkBlueColor);
+      color: white;
+      display: flex;
+      justify-content: center;
+      align-items: center;
+    }
+    .name {
+      font-family: Inter;
+      font-size: 12px;
+      font-weight: 400;
+      line-height: 16px;
+      text-align: left;
+      margin-bottom: 4px;
+      color: #324054;
+    }
+    .email {
+      font-family: Inter;
+      font-size: 12px;
+      font-weight: 400;
+      line-height: 14px;
+      text-align: left;
+      color: #71839b;
+    }
+  }
+}
+
+.links {
+  display: flex;
+  justify-content: space-between;
+  gap: 30px;
+  padding: 20px;
+  a {
+    display: flex;
+    flex-direction: column;
+    justify-content: flex-end;
+    align-items: center;
+    gap: 15px;
+    width: 133px;
+    // height: 133px;
+    padding: 20px 5px;
+    padding-top: 40px;
+    border-radius: 20px;
+    background: #f8f8f8;
+    font-family: Inter;
+    font-size: 14px;
+    font-weight: 500;
+    line-height: 16.94px;
+    text-align: center;
+    cursor: pointer;
+    text-align: center;
+    text-decoration: none;
+    color: var(--darkBlueColor);
+    svg {
+      width: 40px;
+      height: 40px;
+    }
+  }
+}
+.disableMenu {
+  display: flex;
+  flex-direction: column;
+  justify-content: flex-end;
+  align-items: center;
+  gap: 15px;
+  width: 133px;
+  // height: 133px;
+  padding: 20px 5px;
+  padding-top: 40px;
+  border-radius: 20px;
+  background: #f8f8f8;
+  font-family: Inter;
+  font-size: 14px;
+  font-weight: 500;
+  line-height: 16.94px;
+  text-align: center;
+  cursor: pointer;
+  text-align: center;
+  text-decoration: none;
+  color: var(--darkBlueColor);
+  svg {
+    width: 40px;
+    height: 40px;
+  }
+  color: #979797;
+  svg {
+    path {
+      fill: #979797;
+    }
+  }
+}

package/dist/hooks/useNotification.js

@@ -1,17 +1,10 @@
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-// hooks/useNotification.js
-import { useEffect, useState } from "react";
+import { useEffect } from "react";
 import * as signalR from "@microsoft/signalr";
 import { infoMessageBottomRight } from "../utils/message";
+import { setNotificationsRender } from "../store/slices/global";
+import store from "../store/store"; // ⬅️ Import your Redux store explicitly
+
 var useNotification = function useNotification() {
-  var _useState = useState(function () {
-      // localStorage'dan bildirimi başlat
-      var savedNotifications = localStorage.getItem("notifications");
-      return savedNotifications ? JSON.parse(savedNotifications) : [];
-    }),
-    _useState2 = _slicedToArray(_useState, 2),
-    notifications = _useState2[0],
-    setNotifications = _useState2[1];
   useEffect(function () {
     var token = localStorage.getItem("token");
     var baseUrl;
@@ -33,6 +26,7 @@ var useNotification = function useNotification() {
       console.log("SignalR bağlantısı quruldu.");
       connection.on("receive", function (message) {
         console.log("Yeni bildiriş:", message);
+        store.dispatch(setNotificationsRender());
         infoMessageBottomRight(message);
       });
     })["catch"](function (err) {
@@ -43,6 +37,5 @@ var useNotification = function useNotification() {
       console.log("SignalR bağlantısı bağlandı.");
     };
   }, []);
-  return notifications;
 };
 export default useNotification;

package/dist/index.js

@@ -1,6 +1,4 @@
-// Export the Button component from the components directory as a named export
-import "./assets/fonts/fonts.css";
-import "./assets/css/variables.css";
+import React from "react";
 export { default as Button } from "./components/Button";
 export { default as ColSort } from "./components/ColSort";
 export { default as Filter } from "./components/Filter";
@@ -8,5 +6,16 @@ export { default as Loading } from "./components/Loading";
 export { default as Pagination } from "./components/Pagination";
 export { default as useNotification } from "./hooks/useNotification";
 export { default as message } from "./utils/message";
-export { default as Login } from "./pages/Login";
-export { default as Platform } from "./pages/Platform";
+import LoginPage from "./pages/Login";
+import PlatformPage from "./pages/Platform";
+import HeaderLayout from "./layout/Header";
+import { CoreProvider } from "./store/coreProvider";
+export var Login = function Login() {
+  return /*#__PURE__*/React.createElement(CoreProvider, null, /*#__PURE__*/React.createElement(LoginPage, null));
+};
+export var Platform = function Platform() {
+  return /*#__PURE__*/React.createElement(CoreProvider, null, /*#__PURE__*/React.createElement(PlatformPage, null));
+};
+export var Header = function Header() {
+  return /*#__PURE__*/React.createElement(CoreProvider, null, /*#__PURE__*/React.createElement(HeaderLayout, null));
+};

package/dist/layout/Header/index.js

@@ -0,0 +1,36 @@
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import React, { useEffect, useState } from "react";
+import style from "./index.module.scss";
+import { DsgLogo } from "../../assets/icons";
+import ProfileOptions from "../../components/ProfileOptions";
+import { Link } from "react-router-dom";
+import { PLATFORM_PATH } from "../../utils/path";
+import Logo from "../../assets/balakhaniLogo.png";
+var Header = function Header() {
+  var currentUrl = window.location.href;
+  var _useState = useState(localStorage.getItem("theme") || "light"),
+    _useState2 = _slicedToArray(_useState, 2),
+    theme = _useState2[0],
+    setTheme = _useState2[1];
+  var updateTheme = function updateTheme() {
+    var newTheme = localStorage.getItem("theme") || "light";
+    setTheme(newTheme);
+  };
+  useEffect(function () {
+    window.addEventListener("themeChange", updateTheme);
+    return function () {
+      return window.removeEventListener("themeChange", updateTheme);
+    };
+  }, []);
+  return /*#__PURE__*/React.createElement("header", {
+    className: style.header
+  }, /*#__PURE__*/React.createElement(Link, {
+    to: PLATFORM_PATH
+  }, currentUrl.includes("balakhanioc") ? /*#__PURE__*/React.createElement("img", {
+    src: Logo,
+    alt: "Balakhani Logo"
+  }) : theme === "dark" ? /*#__PURE__*/React.createElement(DsgLogo, {
+    dark: true
+  }) : /*#__PURE__*/React.createElement(DsgLogo, null)), /*#__PURE__*/React.createElement(ProfileOptions, null));
+};
+export default Header;

package/dist/layout/Header/index.module.scss

@@ -0,0 +1,19 @@
+.header {
+  height: 84px;
+  background: #fff;
+  align-items: center;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 0 20px;
+  border-bottom: 1px solid #c4c4c4;
+
+  svg {
+    width: 123px;
+    height: auto;
+  }
+  img {
+    width: 95px;
+    height: auto;
+  }
+}

package/dist/store/coreProvider.js

@@ -0,0 +1,9 @@
+import React from "react";
+import { Provider } from "react-redux";
+import store from "./store";
+export var CoreProvider = function CoreProvider(_ref) {
+  var children = _ref.children;
+  return /*#__PURE__*/React.createElement(Provider, {
+    store: store
+  }, children);
+};

package/dist/store/slices/global/index.js

@@ -1,6 +1,7 @@
 import { createSlice } from "@reduxjs/toolkit";
 var initialState = {
-  loading: false
+  loading: false,
+  notificationsRender: false
 };
 export var global = createSlice({
   name: "global",
@@ -9,8 +10,13 @@ export var global = createSlice({
     setLoading: function setLoading(state, _ref) {
       var payload = _ref.payload;
       state.loading = payload;
+    },
+    setNotificationsRender: function setNotificationsRender(state) {
+      state.notificationsRender = !state.notificationsRender;
     }
   }
 });
-var setLoading = global.actions.setLoading;
-export { setLoading };
+var _global$actions = global.actions,
+  setLoading = _global$actions.setLoading,
+  setNotificationsRender = _global$actions.setNotificationsRender;
+export { setLoading, setNotificationsRender };