@banch0u/core-project-test-repository 2.1.16 → 2.2.0

package/dist/components/ProfileOptions/index.js

@@ -1,6 +1,6 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import React, { useEffect, useState, useRef } from "react";
-import { Badge, Dropdown, Tooltip, Modal, Form, Input } from "antd";
+import { Badge, Dropdown, Tooltip, Modal, Form, Input, Select as AntdSelect } from "antd";
 import { SunOutlined } from "@ant-design/icons";
 import style from "./index.module.scss";
 import { useDispatch, useSelector } from "react-redux";
@@ -11,10 +11,14 @@ import NotificationDropdown from "../NotificationDropdown";
 import { Link, useNavigate } from "react-router-dom";
 import { LOGIN_PATH } from "../../utils/path";
 import Button from "../Button";
+import Select from "../Select";
+var Option = AntdSelect.Option;
+import { useLang } from "../../hooks/useLang";
 var ProfileOptions = function ProfileOptions() {
   var _profileInfo$name;
   var dispatch = useDispatch();
   var navigate = useNavigate();
+  var lang = useLang();
   var profileInfo = useSelector(function (state) {
     return state.auth.profileInfo;
   });
@@ -145,7 +149,23 @@ var ProfileOptions = function ProfileOptions() {
 
   return /*#__PURE__*/React.createElement("div", {
     className: style.profile
-  }, /*#__PURE__*/React.createElement(Dropdown, {
+  }, /*#__PURE__*/React.createElement(Select, {
+    className: style.lang_select,
+    popupClassName: style.lang_select_dropdown,
+    suffixIcon: null,
+    allowClear: false,
+    showSearch: false,
+    onChange: function onChange(val) {
+      localStorage.setItem("lang", val);
+    },
+    value: lang
+  }, /*#__PURE__*/React.createElement(Option, {
+    value: "az"
+  }, "AZ"), /*#__PURE__*/React.createElement(Option, {
+    value: "en"
+  }, "EN"), /*#__PURE__*/React.createElement(Option, {
+    value: "ru"
+  }, "RU")), /*#__PURE__*/React.createElement(Dropdown, {
     overlay: /*#__PURE__*/React.createElement(NotificationDropdown, {
       size: size,
       page: page,

package/dist/hooks/useLang.js

@@ -0,0 +1,36 @@
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import { useEffect, useState } from "react";
+var LANG_KEY = "lang";
+var DEFAULT_LANG = "az";
+var getLang = function getLang() {
+  return localStorage.getItem(LANG_KEY) || DEFAULT_LANG;
+};
+export function useLang() {
+  var _useState = useState(getLang),
+    _useState2 = _slicedToArray(_useState, 2),
+    lang = _useState2[0],
+    setLang = _useState2[1];
+  useEffect(function () {
+    setLang(getLang());
+    var onStorage = function onStorage(e) {
+      if (e.key === LANG_KEY) setLang(e.newValue || DEFAULT_LANG);
+    };
+    window.addEventListener("storage", onStorage);
+    var origSetItem = localStorage.setItem.bind(localStorage);
+    var origRemoveItem = localStorage.removeItem.bind(localStorage);
+    localStorage.setItem = function (key, value) {
+      origSetItem(key, value);
+      if (key === LANG_KEY) setLang(value || DEFAULT_LANG);
+    };
+    localStorage.removeItem = function (key) {
+      origRemoveItem(key);
+      if (key === LANG_KEY) setLang(DEFAULT_LANG);
+    };
+    return function () {
+      window.removeEventListener("storage", onStorage);
+      localStorage.setItem = origSetItem;
+      localStorage.removeItem = origRemoveItem;
+    };
+  }, []);
+  return lang;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@banch0u/core-project-test-repository",
-  "version": "2.1.16",
+  "version": "2.2.0",
   "description": "Shared core features for all projects",
   "main": "dist/index.js",
   "files": [