From cb677a3f0bf93869a537eae4148e8be7fa6e3412 Mon Sep 17 00:00:00 2001 From: MaxOvs19 Date: Wed, 8 Mar 2023 13:27:02 +0300 Subject: [PATCH] Added SideBar component --- src/components/SideBar/SideBar.js | 22 +++++ src/components/SideBar/sidebar.scss | 26 +++++ src/pages/AuthForPartners/AuthForPartners.js | 95 ++++++++++--------- .../AuthForPartners/authForPartners.scss | 13 +-- tsconfig.json | 9 -- 5 files changed, 103 insertions(+), 62 deletions(-) create mode 100644 src/components/SideBar/SideBar.js create mode 100644 src/components/SideBar/sidebar.scss delete mode 100644 tsconfig.json diff --git a/src/components/SideBar/SideBar.js b/src/components/SideBar/SideBar.js new file mode 100644 index 00000000..d682118a --- /dev/null +++ b/src/components/SideBar/SideBar.js @@ -0,0 +1,22 @@ +import React from "react"; +import "./sidebar.scss"; + +export const SideBar = ({ active, setActive }) => { + return ( +
+
+
+

МЕНЮ

+
+ + + +
+
+

2023 © Outstaffing

+
+
+ ); +}; + +export default SideBar; diff --git a/src/components/SideBar/sidebar.scss b/src/components/SideBar/sidebar.scss new file mode 100644 index 00000000..aedb24eb --- /dev/null +++ b/src/components/SideBar/sidebar.scss @@ -0,0 +1,26 @@ +.auth-menu { + position: absolute; + top: 0; + left: 0; + width: 141px; + height: 100%; + background: #e1fccf; +} + +.auth-menu.active { +} + +.auth-title { + .text { + } + + .burger { + &__line { + width: 35px; + height: 5px; + background-color: #333; + margin: 6px 0; + transition: 0.4s; + } + } +} diff --git a/src/pages/AuthForPartners/AuthForPartners.js b/src/pages/AuthForPartners/AuthForPartners.js index 660b85f4..d0a68f7b 100644 --- a/src/pages/AuthForPartners/AuthForPartners.js +++ b/src/pages/AuthForPartners/AuthForPartners.js @@ -1,92 +1,93 @@ -import React, {useEffect} from 'react' -import arrow from '../../images/arrow__login_page.png' -import medium from '../../images/medium_male_big.png' -import cross from '../../images/cross.png' -import text from '../../images/Body_Text.png' -import vector from '../../images/Vector_Smart_Object.png' -import vectorBlack from '../../images/Vector_Smart_Object_black.png' -import { useSelector } from 'react-redux' -import { selectAuth } from '../../redux/outstaffingSlice' -import { useNavigate} from 'react-router-dom' +import React, { useEffect } from "react"; +import arrow from "../../images/arrow__login_page.png"; +import medium from "../../images/medium_male_big.png"; +import cross from "../../images/cross.png"; +import text from "../../images/Body_Text.png"; +import vector from "../../images/Vector_Smart_Object.png"; +import vectorBlack from "../../images/Vector_Smart_Object_black.png"; +import { useSelector } from "react-redux"; +import { selectAuth } from "../../redux/outstaffingSlice"; +import { useNavigate } from "react-router-dom"; -import { Footer } from '../../components/Footer/Footer' -import { AuthBox } from '../../components/AuthBox/AuthBox' +import { Footer } from "../../components/Footer/Footer"; +import { AuthBox } from "../../components/AuthBox/AuthBox"; -import './authForPartners.scss' +import "./authForPartners.scss"; +import SideBar from "../../components/SideBar/SideBar"; const AuthForPartners = () => { const isAuth = useSelector(selectAuth); let navigate = useNavigate(); - const getToken = localStorage.getItem('auth_token') + const getToken = localStorage.getItem("auth_token"); - useEffect(()=> { + useEffect(() => { if (isAuth || getToken) { - navigate('/profile') + navigate("/profile"); } }, [getToken]); - return ( -
-
- - -
-
-
-
+
+
+ + +
+
+
+
-
- +
+
-
-
-
- +
+
+
+

Frontend разработчик,
Middle

-
-
+
+
- +
{/* +

20 Специалистов

-
    -
  • Ruby on Rails
    • -
  • PHP
    • -
  • Python
    • -
  • Vue.js
    • -
  • React. JS
    • +
      +
    • Ruby on Rails
      • +
    • PHP
      • +
    • Python
      • +
    • Vue.js
      • +
    • React. JS
- +
+
- ) + ); }; -export default AuthForPartners +export default AuthForPartners; diff --git a/src/pages/AuthForPartners/authForPartners.scss b/src/pages/AuthForPartners/authForPartners.scss index 60659195..9ba169ea 100644 --- a/src/pages/AuthForPartners/authForPartners.scss +++ b/src/pages/AuthForPartners/authForPartners.scss @@ -1,5 +1,6 @@ .auth-partners { overflow: hidden; + position: relative; } .auth-partners__background { @@ -87,7 +88,7 @@ } .auth-partners__info-box > h3 { - font-family: 'GT Eesti Pro Display'; + font-family: "GT Eesti Pro Display"; font-size: 2em; font-weight: 100; font-style: normal; @@ -120,7 +121,7 @@ } .auth-partners__specialists { - font-family: 'GT Eesti Pro Display'; + font-family: "GT Eesti Pro Display"; font-size: 1.8em; font-weight: 100; font-style: normal; @@ -150,7 +151,7 @@ .auth-partners__info-item { color: #1f1f1f; - font-family: 'GT Eesti Pro Display'; + font-family: "GT Eesti Pro Display"; font-size: 4em; font-weight: 700; font-style: normal; @@ -205,7 +206,7 @@ .auth-partners__footer--left > div > span { color: #18586e; - font-family: 'GT Eesti Pro Display'; + font-family: "GT Eesti Pro Display"; font-size: 1.6em; font-weight: 400; font-style: normal; @@ -247,7 +248,7 @@ } .auth-partners__phone { color: #003b65; - font-family: 'CeraPro'; + font-family: "CeraPro"; font-size: 2.1em; letter-spacing: normal; line-height: 25px; @@ -256,7 +257,7 @@ .auth-partners__working-hours { color: #003b65; - font-family: 'CeraPro'; + font-family: "CeraPro"; font-size: 1.2em; font-weight: 400; font-style: normal; diff --git a/tsconfig.json b/tsconfig.json deleted file mode 100644 index b8b1fcef..00000000 --- a/tsconfig.json +++ /dev/null @@ -1,9 +0,0 @@ -{ - "compilerOptions": { - "target": "es5", // компилируем ts код в js код версии ES5 - "module": "esnext", - // для поддержки динамического импорта модулей - "allowSyntheticDefaultImports": true, - "jsx": "react" - } -} \ No newline at end of file