3.1.1

index.d.ts

@@ -1,4 +1,6 @@
 declare module '*.svg' {
     const src: string;
     export default src;
-}
+}
+
+declare const __webpack_public_path__: string;

package-lock.json

@@ -1,12 +1,12 @@
 {
     "name": "journal.pl",
-    "version": "2.4.5",
+    "version": "3.1.1",
     "lockfileVersion": 3,
     "requires": true,
     "packages": {
         "": {
             "name": "journal.pl",
-            "version": "2.4.5",
+            "version": "3.1.1",
             "license": "MIT",
             "dependencies": {
                 "@brojs/cli": "^0.0.4-alpha.9",

package.json

@@ -1,6 +1,6 @@
 {
     "name": "journal.pl",
-    "version": "2.4.5",
+    "version": "3.1.1",
     "description": "bro-js platform journal ui repo",
     "main": "./src/index.tsx",
     "scripts": {

src/app.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import { Helmet } from 'react-helmet';
-import { Global, css  } from '@emotion/react'
+import { Global, css } from '@emotion/react'
 import { BrowserRouter } from 'react-router-dom';
 import ruLocale from 'dayjs/locale/ru';
 import dayjs from 'dayjs';
@@ -10,16 +10,15 @@ import { Dashboard } from './dashboard';
 
 dayjs.locale('ru', ruLocale);
 
-const App = ({ store }) => {
-    return(
-      <ChakraProvider>
-          <BrowserRouter>
-              <Helmet>
-                  <meta name="viewport" content="width=device-width, user-scalable=no" />
-                  <title>Журнал</title>
-              </Helmet>
-              <Global
-                  styles={css`
+const App = ({ store }) => (
+    <ChakraProvider>
+        <BrowserRouter>
+            <Helmet>
+                <meta name="viewport" content="width=device-width, user-scalable=no" />
+                <title>Журнал</title>
+            </Helmet>
+            <Global
+                styles={css`
                       html {
                           height: 100%;
                           max-width: 100%;
@@ -76,12 +75,11 @@ const App = ({ store }) => {
                           font-style: normal;
                       }
                   `}
-              />
-              <Dashboard store={store} />
-          </BrowserRouter>
-        </ChakraProvider>
-    )
-}
+            />
+            <Dashboard store={store} />
+        </BrowserRouter>
+    </ChakraProvider>
+)
 
 export default App;
 

src/index.tsx

@@ -2,6 +2,7 @@ import React from 'react';
 import ReactDOM from 'react-dom/client';
   
 import App from './app';
+import './ym';
 import { keycloak } from "./__data__/kc";
 import { createStore } from "./__data__/store";
 
@@ -12,7 +13,7 @@ let rootElement: ReactDOM.Root
 export const mount = async (Сomponent, element = document.getElementById('app')) => {
   let user = null;
   try {
-    await keycloak.init({ onLoad: "login-required" }); // 'login-required' });
+    await keycloak.init({ onLoad: "login-required" });
     user = { ...(await keycloak.loadUserInfo()), ...keycloak.tokenParsed };
   } catch (error) {
     console.error("Failed to initialize adapter:", error);

src/ym.ts

@@ -0,0 +1,15 @@
+(function (m, e, t, r, i, k, a) {
+    m[i] = m[i] || function () { (m[i].a = m[i].a || []).push(arguments) };
+    // @ts-ignore
+    m[i].l = 1 * new Date();
+    for (var j = 0; j < document.scripts.length; j++) { if (document.scripts[j].src === r) { return; } }
+    k = e.createElement(t), a = e.getElementsByTagName(t)[0], k.async = 1, k.src = r, a.parentNode.insertBefore(k, a)
+})(window, document, "script", "https://mc.yandex.ru/metrika/tag.js", "ym");
+
+// @ts-ignore
+ym(98045358, "init", {
+    clickmap: true,
+    trackLinks: true,
+    accurateTrackBounce: true,
+    webvisor: true
+});