diff --git a/src/App.js b/src/App.js index ba98af3c..30210324 100644 --- a/src/App.js +++ b/src/App.js @@ -1,6 +1,10 @@ -import React from 'react' -import {BrowserRouter as Router, Route, Routes, Navigate} from 'react-router-dom'; - +import React from "react"; +import { + BrowserRouter as Router, + Route, + Routes, + Navigate, +} from "react-router-dom"; import AuthForPartners from "./pages/AuthForPartners/AuthForPartners"; import AuthForDevelopers from "./pages/AuthForDevelopers/AuthForDevelopers"; @@ -8,76 +12,71 @@ import Home from "./pages/Home/Home"; import Candidate from "./components/Candidate/Candidate"; import Calendar from "./components/Calendar/Calendar"; import ReportForm from "./components/ReportForm/ReportForm"; -import {ProfileCalendar} from "./components/ProfileCalendar/ProfileCalendar"; -import FormPage from './pages/FormPage/FormPage.js' -import SingleReportPage from './pages/SingleReportPage/SingleReportPage' -import {QuizPage} from './pages/quiz/QuizPage' -import {InterjacentPage} from './pages/quiz/InterjacentPage' -import {QuizTestPage} from './pages/quiz/QuizTestPage' -import {InstructionPage} from './pages/quiz/InstructionPage' -import {ResultPage} from './pages/quiz/ResultPage' -import {Profile} from './pages/Profile/Profile.js' -import {Summary} from './pages/Summary/Summary' -import {ViewReport} from './pages/ViewReport/ViewReport' -import {Tracker} from './pages/Tracker/Tracker' -import {Payouts} from './pages/Payouts/Payouts' -import {Settings} from './pages/Settings/Settings' -import {PartnerRequests} from './pages/PartnerRequests/PartnerRequests' -import {PartnerAddRequest} from './pages/PartnerAddRequest/PartnerAddRequest' -import {PartnerBid} from './pages/PartnerBid/PartnerBid' -import {PartnerPersonalInfo} from "./pages/PartnerPersonalInfo/PartnerPersonalInfo"; - -import './fonts/stylesheet.css' -import 'bootstrap/dist/css/bootstrap.min.css' - - +import { ProfileCalendar } from "./components/ProfileCalendar/ProfileCalendar"; +import FormPage from "./pages/FormPage/FormPage.js"; +import SingleReportPage from "./pages/SingleReportPage/SingleReportPage"; +import { QuizPage } from "./pages/quiz/QuizPage"; +import { InterjacentPage } from "./pages/quiz/InterjacentPage"; +import { QuizTestPage } from "./pages/quiz/QuizTestPage"; +import { InstructionPage } from "./pages/quiz/InstructionPage"; +import { ResultPage } from "./pages/quiz/ResultPage"; +import { Profile } from "./pages/Profile/Profile.js"; +import { Summary } from "./pages/Summary/Summary"; +import { ViewReport } from "./pages/ViewReport/ViewReport"; +import { Tracker } from "./pages/Tracker/Tracker"; +import { Payouts } from "./pages/Payouts/Payouts"; +import { PartnerSettings } from "./pages/PartnerSettings/PartnerSettings"; +import { PartnerRequests } from "./pages/PartnerRequests/PartnerRequests"; +import { PartnerAddRequest } from "./pages/PartnerAddRequest/PartnerAddRequest"; +import { PartnerBid } from "./pages/PartnerBid/PartnerBid"; +import { PartnerPersonalInfo } from "./pages/PartnerPersonalInfo/PartnerPersonalInfo"; +import "./fonts/stylesheet.css"; +import "bootstrap/dist/css/bootstrap.min.css"; const App = () => { return ( - <> - + <> + + + } /> + } /> - + } /> + } /> + } /> - }/> - }/> + } /> + } /> - }/> - }/> - }/> + + } /> + } /> + } /> + } /> + } /> + - }/> - }/> + + } /> + } /> + } /> + } /> + } /> + } /> + } /> + } /> + } /> + } /> + } /> + } /> + - - }/> - }/> - }/> - }/> - }/> - - - - }/> - }/> - }/> - }/> - }/> - }/> - }/> - }/> - }/> - }/> - }/> - }/> - - - }/> - - - - ) + } /> + + + + ); }; -export default App +export default App; diff --git a/src/images/personalBackEnd.png b/src/images/PersonalBackEnd.png similarity index 100% rename from src/images/personalBackEnd.png rename to src/images/PersonalBackEnd.png diff --git a/src/pages/PartnerSettings/PartnerSettings.js b/src/pages/PartnerSettings/PartnerSettings.js new file mode 100644 index 00000000..f26c85cb --- /dev/null +++ b/src/pages/PartnerSettings/PartnerSettings.js @@ -0,0 +1,68 @@ +import React from "react"; +import { Footer } from "../../components/Footer/Footer"; + +import { ProfileBreadcrumbs } from "../../components/ProfileBreadcrumbs/ProfileBreadcrumbs"; +import { ProfileHeader } from "../../components/ProfileHeader/ProfileHeader"; + +import "./partnerSettings.scss"; + +export const PartnerSettings = () => { + return ( +
+ +
+ +
+

Настройки акаунта

+
+
+

Вход в систему

+

Изменение логина

+
+ +
+ +

Изменение пароля

+
+ +
+ +
+ + +
+ + Нажимая "Сохранить", вы соглашаетесь с Правилами обработки и + использования персональных данных + +
+
+

Документы и отчеты

+

Изменить провадера ЭДО

+
+ +
+ +
+ + +
+ + Нажимая "Сохранить", вы соглашаетесь с Правилами обработки и + использования персональных данных + +
+
+
+
+
+ ); +}; + +export default PartnerSettings; diff --git a/src/pages/PartnerSettings/partnerSettings.scss b/src/pages/PartnerSettings/partnerSettings.scss new file mode 100644 index 00000000..658d463a --- /dev/null +++ b/src/pages/PartnerSettings/partnerSettings.scss @@ -0,0 +1,74 @@ +.settings { + background: #f1f1f1; + + &__page { + max-width: 1160px !important; + margin-top: 23px; + } + + &__title { + color: #5b6871; + font-size: 20px; + line-height: 24px; + } + + &__lable { + &-first, + &-second { + font-size: 15px; + line-height: 18px; + color: #000000; + } + + &-first { + margin: 39px 0 10px 0; + } + &-second { + margin: 31px 0 10px 0; + } + } + + &__input { + background: #eff2f7; + border-radius: 8px; + width: 373px; + height: 35px; + border: none; + + input { + font-size: 15px; + background: #eff2f7; + height: 100%; + margin-left: 15px; + width: 85%; + border: none; + outline: none; + } + } +} + +.partner-settings { + margin-bottom: 110px; + + &__body { + display: flex; + flex-direction: row; + justify-content: space-between; + margin-top: 27px; + } + + &__login { + } + + &__report { + } + + &__report, + &__login { + width: 500px; + height: 435px; + background: #ffffff; + border-radius: 12px; + padding: 30px 60px; + } +} diff --git a/src/pages/Settings/Settings.js b/src/pages/Settings/Settings.js deleted file mode 100644 index 32f53ae3..00000000 --- a/src/pages/Settings/Settings.js +++ /dev/null @@ -1,11 +0,0 @@ -import React from 'react'; - -import {ProfileHeader} from "../../components/ProfileHeader/ProfileHeader"; - -export const Settings = () => { - return ( -
- -
- ) -};