Merge pull request #31 from apuc/authentication

yandex metrika and candidate years_of_exp fix

package-lock.json

@@ -13070,6 +13070,11 @@
         "prop-types": "^15.6.2"
       }
     },
+    "react-yandex-metrika": {
+      "version": "2.6.0",
+      "resolved": "https://registry.npmjs.org/react-yandex-metrika/-/react-yandex-metrika-2.6.0.tgz",
+      "integrity": "sha512-8K4wExsNZtY3DTxh1G8a+zWH9Pg8fw23MJcoJ4I/562qrHRnh7L5nteq3lnNL58dnNQbuuHIRoGgMjIo+r1GjA=="
+    },
     "read-pkg": {
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/read-pkg/-/read-pkg-3.0.0.tgz",

package.json

@@ -24,6 +24,7 @@
     "react-router-dom": "^5.2.0",
     "react-scripts": "4.0.3",
     "react-select": "^4.3.1",
+    "react-yandex-metrika": "^2.6.0",
     "redux-devtools-extension": "^2.13.9",
     "sass": "^1.34.0",
     "sass-loader": "^11.1.1",

src/App.js

@@ -6,6 +6,8 @@ import 'bootstrap/dist/css/bootstrap.min.css'
 import './fonts/stylesheet.css'
 import { ProtectedRoute } from './components/ProtectedRoute/ProtectedRoute';
 
+import { YMInitializer } from 'react-yandex-metrika';
+
 import AuthPageForDevelopers from './pages/AuthPageForDevelopers';
 import AuthPageForPartners from './pages/AuthPageForPartners';
 import HomePage from './pages/HomePage';
@@ -34,8 +36,20 @@ const App = (props) => {
           <ProtectedRoute component={()=><div>Page not found</div>} />
         </Switch>
     </Router>
+    
+    <YMInitializer 
+      accounts={[84188125]} 
+      options={{
+        clickmap:true,
+        trackLinks:true,
+        accurateTrackBounce:true,
+        webvisor:true
+        }} 
+      version="2" 
+    />
     </>
   )
 }
 
+
 export default App

src/components/Candidate/candidate.css

@@ -180,9 +180,10 @@
 
 @media (max-width: 575.98px) {
   .candidate__main__description > img {
-    width: 50%;
+    /* width: 50%;
     display: block;
-    margin: 0 auto;
+    margin: 0 auto; */
+    display: none;
   }
 }
 

src/components/Sidebar/Sidebar.module.css

@@ -142,4 +142,8 @@
     display: flex;
     flex-direction: column;
   }
+
+  .candidateSidebar__info__e, .candidateSidebar__info__y {
+    width: 180px;
+  }
 }