SHA1
--- a/package-lock.json
+++ b/package-lock.json
--- a/package.json
+++ b/package.json
@@ -3,9 +3,25 @@
 
				   "version": "0.1.0",
			
 
				   "private": true,
			
 
				   "dependencies": {
			
 
				+    "@material-ui/core": "^3.9.0",
			
 
				+    "@material-ui/lab": "^3.0.0-alpha.28",
			
 
				+    "antd": "^3.11.2",
			
 
				+    "axios": "^0.18.0",
			
 
				+    "form-data": "^2.3.3",
			
 
				+    "node-sass": "^4.11.0",
			
 
				     "react": "^16.6.3",
			
 
				+    "react-bootstrap-slider": "^2.1.5",
			
 
				     "react-dom": "^16.6.3",
			
 
				-    "react-scripts": "2.1.1"
			
 
				+    "react-dropzone": "^8.0.4",
			
 
				+    "react-loader-spinner": "^2.3.0",
			
 
				+    "react-md-spinner": "^0.3.0",
			
 
				+    "react-redux": "^6.0.0",
			
 
				+    "react-router-dom": "^4.3.1",
			
 
				+    "react-scripts": "^2.1.3",
			
 
				+    "redux": "^4.0.1",
			
 
				+    "redux-form": "^8.1.0",
			
 
				+    "redux-thunk": "^2.3.0",
			
 
				+    "sass": "^1.16.0"
			
 
				   },
			
 
				   "scripts": {
			
 
				     "start": "react-scripts start",
			
--- a/public/index.html
+++ b/public/index.html
@@ -1,40 +1,21 @@
 
				 <!DOCTYPE html>
			
 
				 <html lang="en">
			
 
				-  <head>
			
 
				-    <meta charset="utf-8">
			
 
				-    <link rel="shortcut icon" href="%PUBLIC_URL%/favicon.ico">
			
 
				-    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
			
 
				-    <meta name="theme-color" content="#000000">
			
 
				-    <!--
			
 
				-      manifest.json provides metadata used when your web app is added to the
			
 
				-      homescreen on Android. See https://developers.google.com/web/fundamentals/web-app-manifest/
			
 
				-    -->
			
 
				-    <link rel="manifest" href="%PUBLIC_URL%/manifest.json">
			
 
				-    <!--
			
 
				-      Notice the use of %PUBLIC_URL% in the tags above.
			
 
				-      It will be replaced with the URL of the `public` folder during the build.
			
 
				-      Only files inside the `public` folder can be referenced from the HTML.
			
 
				-
			
 
				-      Unlike "/favicon.ico" or "favicon.ico", "%PUBLIC_URL%/favicon.ico" will
			
 
				-      work correctly both with client-side routing and a non-root public URL.
			
 
				-      Learn how to configure a non-root public URL by running `npm run build`.
			
 
				-    -->
			
 
				-    <title>React App</title>
			
 
				-  </head>
			
 
				-  <body>
			
 
				-    <noscript>
			
 
				-      You need to enable JavaScript to run this app.
			
 
				-    </noscript>
			
 
				-    <div id="root"></div>
			
 
				-    <!--
			
 
				-      This HTML file is a template.
			
 
				-      If you open it directly in the browser, you will see an empty page.
			
 
				-
			
 
				-      You can add webfonts, meta tags, or analytics to this file.
			
 
				-      The build step will place the bundled scripts into the <body> tag.
			
 
				-
			
 
				-      To begin the development, run `npm start` or `yarn start`.
			
 
				-      To create a production bundle, use `npm run build` or `yarn build`.
			
 
				-    -->
			
 
				-  </body>
			
 
				+  	<head>
			
 
				+	    <meta charset="utf-8">
			
 
				+	    <link rel="shortcut icon" href="%PUBLIC_URL%/favicon.ico">
			
 
				+	    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
			
 
				+	    <meta name="theme-color" content="#000000">
			
 
				+	    
			
 
				+	    
			
 
				+		<link href='https://fonts.googleapis.com/css?family=Roboto:400' rel='stylesheet' type='text/css'>
			
 
				+	    <link rel="manifest" href="%PUBLIC_URL%/manifest.json">
			
 
				+	    
			
 
				+	    <title>Bazar.com</title>
			
 
				+  	</head>
			
 
				+	  <body>
			
 
				+		    <noscript>
			
 
				+		      	You need to enable JavaScript to run this app.
			
 
				+		    </noscript>
			
 
				+		    <div id="root"></div>
			
 
				+	  </body>
			
 
				 </html>
			
--- a/src/App.js
+++ b/src/App.js
@@ -1,15 +0,0 @@
 
				-import React, { Component } from 'react';
			
 
				-import logo from './logo.svg';
			
 
				-import './App.css';
			
 
				-
			
 
				-class App extends Component {
			
 
				-  render() {
			
 
				-    return (
			
 
				-      <div>
			
 
				-        start
			
 
				-      </div>
			
 
				-    );
			
 
				-  }
			
 
				-}
			
 
				-
			
 
				-export default App;
			
--- a/src/actions/addNewCategoryAction.js
+++ b/src/actions/addNewCategoryAction.js
@@ -0,0 +1,34 @@
 
				+import * as types from '../constants/actionTypes';
			
 
				+
			
 
				+const axios = require('axios')
			
 
				+
			
 
				+const addNewCategoryRequest = payload => ({
			
 
				+    type: types.ADD_NEW_CATEGORY_REQUEST,
			
 
				+    payload
			
 
				+})
			
 
				+
			
 
				+const addNewCategoryRequestSuccess = payload => ({
			
 
				+    type: types.ADD_NEW_CATEGORY_REQUEST_SUCCESS,
			
 
				+    payload
			
 
				+})
			
 
				+
			
 
				+const addNewCategoryRequestFail = payload => ({
			
 
				+    type: types.ADD_NEW_CATEGORY_REQUEST_FAIL,
			
 
				+    payload
			
 
				+})
			
 
				+
			
 
				+export const closeModal = payload => ({
			
 
				+    type: types.CLOSE_MODAL_WINDOW,
			
 
				+    payload
			
 
				+})
			
 
				+
			
 
				+export const AddNewCategory = payload => {
			
 
				+    return dispatch => {
			
 
				+        dispatch(addNewCategoryRequest())
			
 
				+        axios.post(`http://127.0.0.1:2000/api/categories`, payload)
			
 
				+            .then(res =>
			
 
				+                setTimeout(() => dispatch(addNewCategoryRequestSuccess(res)), 1000))
			
 
				+            .catch(err =>
			
 
				+                dispatch(addNewCategoryRequestFail(err)))
			
 
				+    }
			
 
				+}
			
--- a/src/actions/addNewStaffAction.js
+++ b/src/actions/addNewStaffAction.js
@@ -0,0 +1,130 @@
 
				+import * as types from '../constants/actionTypes';
			
 
				+
			
 
				+const axios = require('axios')
			
 
				+
			
 
				+const addNewStaffRequest = payload => ({
			
 
				+    type: types.ADD_NEW_STAFF_REQUEST,
			
 
				+    payload
			
 
				+})
			
 
				+
			
 
				+const addNewStaffRequestSuccess = payload => ({
			
 
				+    type: types.ADD_NEW_STAFF_REQUEST_SUCCESS,
			
 
				+    payload
			
 
				+})
			
 
				+
			
 
				+const addNewStaffRequestFail = payload => ({
			
 
				+    type: types.ADD_NEW_STAFF_REQUEST_FAIL,
			
 
				+    payload
			
 
				+})
			
 
				+
			
 
				+export const closeModal = payload => ({
			
 
				+    type: types.CLOSE_MODAL_WINDOW,
			
 
				+    payload
			
 
				+})
			
 
				+
			
 
				+
			
 
				+export const AddNewStaffAction = payload => {
			
 
				+    return dispatch => {
			
 
				+        dispatch(addNewStaffRequest())
			
 
				+        axios.post(`http://127.0.0.1:2000/api/staffs`, payload)
			
 
				+            .then(res =>
			
 
				+                setTimeout(() => dispatch(addNewStaffRequestSuccess(res)), 1000))
			
 
				+            .catch(err =>
			
 
				+                dispatch(addNewStaffRequestFail(err)))
			
 
				+    }
			
 
				+}
			
 
				+
			
 
				+export const base64 = payload => ({
			
 
				+    type: types.BASE_64_REQUEST,
			
 
				+    payload
			
 
				+})
			
 
				+export const base641 = payload => ({
			
 
				+    type: types.BASE1_64_REQUEST,
			
 
				+    payload
			
 
				+})
			
 
				+export const base642 = payload => ({
			
 
				+    type: types.BASE2_64_REQUEST,
			
 
				+    payload
			
 
				+})
			
 
				+export const base643 = payload => ({
			
 
				+    type: types.BASE3_64_REQUEST,
			
 
				+    payload
			
 
				+})
			
 
				+
			
 
				+const addPhotoRequest = payload => ({
			
 
				+    type: types.PUSH_NEW_PHOTO_REQUEST,
			
 
				+    payload
			
 
				+})
			
 
				+
			
 
				+const addNewPhotoRequestSuccess = payload => ({
			
 
				+    type: types.PUSH_NEW_PHOTO_REQUEST_SUCCESS,
			
 
				+    payload
			
 
				+})
			
 
				+
			
 
				+const addNewPhotoRequestFail = payload => ({
			
 
				+    type: types.PUSH_NEW_PHOTO_REQUEST_FAIL,
			
 
				+    payload
			
 
				+})
			
 
				+
			
 
				+
			
 
				+export const pushPhoto = payload => {
			
 
				+    console.log(payload)
			
 
				+    return dispatch => {
			
 
				+        dispatch(addPhotoRequest())
			
 
				+        axios.post(`http://127.0.0.1:2000/upload`, payload)
			
 
				+            .then(res =>
			
 
				+                setTimeout(() => dispatch(addNewPhotoRequestSuccess(res)), 1000))
			
 
				+            .catch(err =>
			
 
				+                dispatch(addNewPhotoRequestFail(err)))
			
 
				+    }
			
 
				+}
			
 
				+
			
 
				+
			
 
				+
			
 
				+ export const inputchangeHandler = payload => ({
			
 
				+    type: types.INPUT_CHANGE_VALUE,
			
 
				+    payload
			
 
				+})
			
 
				+
			
 
				+export const inputchangeHandler1 = payload => ({
			
 
				+    type: types.INPUT_CHANGE_VALUE1,
			
 
				+    payload
			
 
				+})
			
 
				+export const inputchangeHandler2 = payload => ({
			
 
				+    type: types.INPUT_CHANGE_VALUE2,
			
 
				+    payload
			
 
				+})
			
 
				+export const inputchangeHandler3 = payload => ({
			
 
				+    type: types.INPUT_CHANGE_VALUE3,
			
 
				+    payload
			
 
				+})
			
 
				+
			
 
				+
			
 
				+
			
 
				+
			
 
				+const editStaffRequest = payload => ({
			
 
				+    type: types.ADD_NEW_STAFF_REQUEST,
			
 
				+    payload
			
 
				+})
			
 
				+
			
 
				+const editStaffRequestSuccess = payload => ({
			
 
				+    type: types.ADD_NEW_STAFF_REQUEST_SUCCESS,
			
 
				+    payload
			
 
				+})
			
 
				+
			
 
				+const editStaffRequestFail = payload => ({
			
 
				+    type: types.ADD_NEW_STAFF_REQUEST_FAIL,
			
 
				+    payload
			
 
				+})
			
 
				+
			
 
				+export const EditStaffAction = payload => {
			
 
				+    console.log(payload)
			
 
				+    return dispatch => {
			
 
				+        dispatch(editStaffRequest())
			
 
				+        axios.put(`http://127.0.0.1:2000/api/staffs`, payload)
			
 
				+            .then(res =>
			
 
				+                setTimeout(() => dispatch(editStaffRequestSuccess(res)), 1000))
			
 
				+            .catch(err =>
			
 
				+                dispatch(editStaffRequestFail(err)))
			
 
				+    }
			
 
				+}
			
--- a/src/actions/categoryAction.js
+++ b/src/actions/categoryAction.js
@@ -0,0 +1,39 @@
 
				+import * as types from '../constants/actionTypes';
			
 
				+
			
 
				+const axios = require('axios');
			
 
				+
			
 
				+export const podCategory = (payload) => ({
			
 
				+	type: types.POD_CATEGORY,
			
 
				+	payload
			
 
				+});
			
 
				+
			
 
				+const CategoryRequest = (payload) => ({
			
 
				+	type: types.CATEGORY_REQUEST,
			
 
				+	payload
			
 
				+});
			
 
				+
			
 
				+const CategoryRequestSuccess = payload => ({
			
 
				+	type: types.CATEGORY_REQUEST_SUCCESS,
			
 
				+	payload
			
 
				+});
			
 
				+
			
 
				+const CategoryRequestFail = payload => ({
			
 
				+	type: types.CATEGORY_REQUEST_FAIL,
			
 
				+	payload
			
 
				+});
			
 
				+
			
 
				+export const getCategoriesData = () => {
			
 
				+    return dispatch => {
			
 
				+        dispatch(CategoryRequest());
			
 
				+        return axios.get(`http://127.0.0.1:2000/api/categories`)
			
 
				+            .then(res => {
			
 
				+                setTimeout(() => {
			
 
				+                    dispatch(CategoryRequestSuccess(res))
			
 
				+                }, 1000);
			
 
				+            })
			
 
				+            .catch(err => {
			
 
				+                dispatch(CategoryRequestFail(err));
			
 
				+            })
			
 
				+
			
 
				+    };
			
 
				+};
			
--- a/src/actions/getStaffByCategoryIdAction.js
+++ b/src/actions/getStaffByCategoryIdAction.js
@@ -0,0 +1,35 @@
 
				+import * as types from '../constants/actionTypes'
			
 
				+
			
 
				+const axios = require('axios')
			
 
				+
			
 
				+const CategoryRequestById = payload => ({
			
 
				+	type: types.CATEGORY_REQUEST_BY_ID,
			
 
				+	payload
			
 
				+});
			
 
				+
			
 
				+const CategoryRequestSuccessById = payload => ({
			
 
				+	type: types.CATEGORY_REQUEST_SUCCESS_BY_ID,
			
 
				+	payload
			
 
				+});
			
 
				+
			
 
				+const CategoryRequestFailById = payload => ({
			
 
				+	type: types.CATEGORY_REQUEST_FAIL_BY_ID,
			
 
				+	payload
			
 
				+});
			
 
				+
			
 
				+export const getCategorysDataById = (payload) => {
			
 
				+	console.log(payload)
			
 
				+	return dispatch => {
			
 
				+		dispatch(CategoryRequestById());
			
 
				+		return axios.get(`http://127.0.0.1:2000/api/categories?id=${payload}`)
			
 
				+			.then(res => {
			
 
				+				setTimeout(() => {
			
 
				+					dispatch(CategoryRequestSuccessById(res))
			
 
				+				}, Math.random() * 1000);
			
 
				+			})
			
 
				+			.catch(err => {
			
 
				+				dispatch(CategoryRequestFailById(err));
			
 
				+			})
			
 
				+
			
 
				+	};
			
 
				+};
			
--- a/src/actions/getStaffByIdAction.js
+++ b/src/actions/getStaffByIdAction.js
@@ -0,0 +1,35 @@
 
				+import * as types from '../constants/actionTypes'
			
 
				+
			
 
				+const axios = require('axios')
			
 
				+
			
 
				+const StaffRequestById = payload => ({
			
 
				+	type: types.STAFF_REQUEST_BY_ID,
			
 
				+	payload
			
 
				+});
			
 
				+
			
 
				+const StaffRequestSuccessById = payload => ({
			
 
				+	type: types.STAFF_REQUEST_SUCCESS_BY_ID,
			
 
				+	payload
			
 
				+});
			
 
				+
			
 
				+const StaffRequestFailById = payload => ({
			
 
				+	type: types.STAFF_REQUEST_FAIL_BY_ID,
			
 
				+	payload
			
 
				+});
			
 
				+
			
 
				+export const getStaffsDataById = (payload) => {
			
 
				+	return dispatch => {
			
 
				+		dispatch(StaffRequestById());
			
 
				+		return axios.get(`http://127.0.0.1:2000/api/staffs?id=${payload}`)
			
 
				+			.then(res => {
			
 
				+				setTimeout(() => {
			
 
				+					dispatch(StaffRequestSuccessById(res))
			
 
				+				}, Math.random() * 1000);
			
 
				+			})
			
 
				+			.catch(err => {
			
 
				+				dispatch(StaffRequestFailById(err));
			
 
				+			})
			
 
				+
			
 
				+	};
			
 
				+};
			
 
				+
			
--- a/src/actions/getUserById.js
+++ b/src/actions/getUserById.js
@@ -0,0 +1,41 @@
 
				+import * as types from "../constants/actionTypes";
			
 
				+
			
 
				+const axios = require("axios");
			
 
				+
			
 
				+const userAuthRequestById = payload => ({
			
 
				+    type: types.USER_AUTH_REQUEST_BY_ID,
			
 
				+    payload
			
 
				+})
			
 
				+
			
 
				+const userAuthRequestSuccessById = payload => ({
			
 
				+    type: types.USER_AUTH_REQUEST_SUCCESS_BY_ID,
			
 
				+    payload
			
 
				+})
			
 
				+
			
 
				+const userAuthRequestFailById = payload => ({
			
 
				+    type: types.USER_AUTH_REQUEST_FAIL_BY_ID,
			
 
				+    payload
			
 
				+})
			
 
				+
			
 
				+export const getUsersDataById = (payload) => {
			
 
				+    return dispatch => {
			
 
				+        dispatch(userAuthRequestById());
			
 
				+        return axios.get(`http://127.0.0.1:2000/api/users?id=${payload}`)
			
 
				+            .then(res => {
			
 
				+                dispatch(userAuthRequestSuccessById(res))
			
 
				+            })
			
 
				+            .catch(err => {
			
 
				+                dispatch(userAuthRequestFailById(err));
			
 
				+            })
			
 
				+    }
			
 
				+}
			
 
				+
			
 
				+export const getParams = payload => ({
			
 
				+    type: types.GET_PARAMS,
			
 
				+    payload
			
 
				+})
			
 
				+
			
 
				+export const deleteStaffById = (payload) => ({
			
 
				+	type:types.DELETE_STAFF,
			
 
				+	payload
			
 
				+})
			
--- a/src/actions/searchStaffAction.js
+++ b/src/actions/searchStaffAction.js
@@ -0,0 +1,41 @@
 
				+import * as types from '../constants/actionTypes';
			
 
				+
			
 
				+const axios = require('axios');
			
 
				+
			
 
				+export const changeInputValue = payload => ({
			
 
				+    type: types.CHANGE_INPUT_VALUE,
			
 
				+    payload
			
 
				+})
			
 
				+
			
 
				+const searchStaffRequest = payload => ({
			
 
				+    type: types.SEARCH_STAFF_REQUEST,
			
 
				+    payload
			
 
				+})
			
 
				+
			
 
				+const searchStaffRequestSuccess = payload => ({
			
 
				+    type: types.SEARCH_STAFF_REQUEST_SUCCESS,
			
 
				+    payload
			
 
				+})
			
 
				+
			
 
				+const searchStaffrequestFail = payload => ({
			
 
				+    type: types.SEARCH_STAFF_REQUEST_FAIL,
			
 
				+    payload
			
 
				+})
			
 
				+
			
 
				+export const searchStaff = payload => {
			
 
				+    return dispatch => {
			
 
				+        dispatch(searchStaffRequest())
			
 
				+        return axios.get(`http://127.0.0.1:2000/api/staffs?search=${payload}`)
			
 
				+            .then(
			
 
				+                res => {
			
 
				+                    setTimeout(() => {
			
 
				+                        dispatch(searchStaffRequestSuccess(res))
			
 
				+                    }, Math.random()*1000)
			
 
				+                })
			
 
				+            .catch(
			
 
				+                err => {
			
 
				+                    dispatch(searchStaffrequestFail(err))
			
 
				+                })
			
 
				+
			
 
				+    }
			
 
				+}
			
--- a/src/actions/searchStaffByIdAction.js
+++ b/src/actions/searchStaffByIdAction.js
@@ -0,0 +1,33 @@
 
				+import * as types from '../constants/actionTypes';
			
 
				+
			
 
				+const axios = require('axios')
			
 
				+
			
 
				+const SeacrhStaffRequestById = payload => ({
			
 
				+	type: types.SEARCH_STAFF_REQUEST_BY_ID,
			
 
				+	payload
			
 
				+});
			
 
				+
			
 
				+const SeacrhStaffRequestSuccessById = payload => ({
			
 
				+	type: types.SEARCH_STAFF_REQUEST_SUCCESS_BY_ID,
			
 
				+	payload
			
 
				+});
			
 
				+
			
 
				+const SeacrhStaffRequestFailById = payload => ({
			
 
				+	type: types.SEARCH_STAFF_REQUEST_FAIL_BY_ID,
			
 
				+	payload
			
 
				+});
			
 
				+
			
 
				+export const getSeacrhStaffsDataById = (payload) => {
			
 
				+	return dispatch => {
			
 
				+		dispatch(SeacrhStaffRequestById());
			
 
				+		return axios.get(`http://127.0.0.1:2000/api/staffs?id=${payload}`)
			
 
				+			.then(res => {
			
 
				+				setTimeout(() => {
			
 
				+					dispatch(SeacrhStaffRequestSuccessById(res))
			
 
				+				}, Math.random() * 1000);
			
 
				+			})
			
 
				+			.catch(err => {
			
 
				+				dispatch(SeacrhStaffRequestFailById(err));
			
 
				+			})
			
 
				+	};
			
 
				+};
			
--- a/src/actions/staffsAction.js
+++ b/src/actions/staffsAction.js
@@ -0,0 +1,39 @@
 
				+import * as types from "../constants/actionTypes";
			
 
				+
			
 
				+const axios = require('axios');
			
 
				+
			
 
				+export const getInfoStaffData = payload => ({
			
 
				+	type: types.GET_STAFF_INFO_DATA,
			
 
				+	payload
			
 
				+})
			
 
				+
			
 
				+const StaffRequest = payload => ({
			
 
				+	type: types.STAFF_REQUEST,
			
 
				+	payload
			
 
				+});
			
 
				+
			
 
				+const StaffRequestSuccess = payload => ({
			
 
				+	type: types.STAFF_REQUEST_SUCCESS,
			
 
				+	payload
			
 
				+});
			
 
				+
			
 
				+const StaffRequestFail = payload => ({
			
 
				+	type: types.STAFF_REQUEST_FAIL,
			
 
				+	payload
			
 
				+});
			
 
				+
			
 
				+export const getStaffsData = () => {
			
 
				+	return dispatch => {
			
 
				+		dispatch(StaffRequest());
			
 
				+		return axios.get(`http://127.0.0.1:2000/api/staffs`)
			
 
				+			.then(res => {
			
 
				+				setTimeout(() => {
			
 
				+					dispatch(StaffRequestSuccess(res))
			
 
				+				}, 1000);
			
 
				+			})
			
 
				+			.catch(err => {
			
 
				+				dispatch(StaffRequestFail(err));
			
 
				+			})
			
 
				+
			
 
				+	};
			
 
				+};
			
--- a/src/actions/usersAuthActions.js
+++ b/src/actions/usersAuthActions.js
@@ -0,0 +1,38 @@
 
				+import * as types from "../constants/actionTypes";
			
 
				+
			
 
				+const axios = require("axios");
			
 
				+
			
 
				+export const closeModal = payload => ({
			
 
				+    type: types.CLOSE_MODAL_WINDOW,
			
 
				+    payload
			
 
				+})
			
 
				+
			
 
				+const userAuthRequest = payload => ({
			
 
				+    type: types.USER_AUTH_REQUEST,
			
 
				+    payload
			
 
				+})
			
 
				+
			
 
				+const userAuthRequestSuccess = payload => ({
			
 
				+    type: types.USER_AUTH_REQUEST_SUCCESS,
			
 
				+    payload
			
 
				+})
			
 
				+
			
 
				+const userAuthRequestFail = payload => ({
			
 
				+    type: types.USER_AUTH_REQUEST_FAIL,
			
 
				+    payload
			
 
				+})
			
 
				+
			
 
				+export const getUsersData = (payload) => {
			
 
				+    return dispatch => {
			
 
				+        dispatch(userAuthRequest());
			
 
				+        return axios.post(`http://127.0.0.1:2000/api/users-check`, payload)
			
 
				+            .then(res => {
			
 
				+                dispatch(userAuthRequestSuccess(res))
			
 
				+            })
			
 
				+            .catch(err => {
			
 
				+                dispatch(userAuthRequestFail(err));
			
 
				+            })
			
 
				+    }
			
 
				+}
			
 
				+
			
 
				+    
			
--- a/src/actions/usersRegistrActions.js
+++ b/src/actions/usersRegistrActions.js
@@ -0,0 +1,38 @@
 
				+import * as types from "../constants/actionTypes";
			
 
				+
			
 
				+const axios = require("axios");
			
 
				+
			
 
				+export const closeModal = payload => ({
			
 
				+    type: types.CLOSE_MODAL_WINDOW,
			
 
				+    payload
			
 
				+})
			
 
				+
			
 
				+const userRegRequest = payload => ({
			
 
				+    type: types.USER_REG_REQUEST,
			
 
				+    payload
			
 
				+});
			
 
				+
			
 
				+const userRegRequestSuccess = payload => ({
			
 
				+    type: types.USER_REG_REQUEST_SUCCESS,
			
 
				+    payload
			
 
				+});
			
 
				+
			
 
				+const userRegRequestFail = payload => ({
			
 
				+    type: types.USER_REG_REQUEST_FAIL,
			
 
				+    payload
			
 
				+});
			
 
				+
			
 
				+export const postUsersData = (payload) => {
			
 
				+    return dispatch => {
			
 
				+        dispatch(userRegRequest());
			
 
				+        return axios.post(`http://127.0.0.1:2000/api/users`, payload)
			
 
				+            .then(res => {
			
 
				+                setTimeout(() => {
			
 
				+                    dispatch(userRegRequestSuccess(res))
			
 
				+                }, 2000);
			
 
				+            })
			
 
				+            .catch(err => {
			
 
				+                dispatch(userRegRequestFail(err));
			
 
				+            })
			
 
				+    };
			
 
				+};
			
--- a/src/common/authRenderField.js
+++ b/src/common/authRenderField.js
@@ -0,0 +1,11 @@
 
				+import React from "react";
			
 
				+
			
 
				+export const authRenderField = ({input, meta: {touched, error}, label, type, placeholder }) => (
			
 
				+    <div className={touched && error ? "form__input-box":"error"}> 
			
 
				+        <label className="form__input-label" htmlFor="origin">
			
 
				+            {label}
			
 
				+            {touched && error ? <input  className="input" style={{"border":"2px solid red"}} type = {type} placeholder = {placeholder}  {...input} /> : <input  className="input" type = {type} placeholder = {placeholder} {...input} /> }
			
 
				+        </label> 
			
 
				+        {touched && error && <span className="span_auth">{error}</span>}
			
 
				+    </div>
			
 
				+);
			
--- a/src/common/regRenderField.js
+++ b/src/common/regRenderField.js
@@ -0,0 +1,11 @@
 
				+import React from "react";
			
 
				+
			
 
				+export const regRenderField = ({input, meta: {touched, error}, label, type, placeholder }) => (
			
 
				+    <div className="form__input-box">
			
 
				+        <label className="form__input-label" htmlFor="origin">
			
 
				+            {label}
			
 
				+            {touched && error ? <input  className="input" style={{"border":"2px solid red"}} type = {type} placeholder = {placeholder}  {...input} /> : <input  className="input" type = {type} placeholder = {placeholder} {...input} /> }
			
 
				+        </label>
			
 
				+        {touched && error && <span className="span_reg">{error}</span>}
			
 
				+    </div>
			
 
				+);
			
--- a/src/components/AllStaffs/FullInfoAboutStaff.js
+++ b/src/components/AllStaffs/FullInfoAboutStaff.js
@@ -0,0 +1,76 @@
 
				+import React, { Component } from 'react';
			
 
				+
			
 
				+import Loader from 'react-loader-spinner';
			
 
				+import { Carousel } from 'antd';
			
 
				+
			
 
				+class FullInfoAboutStaff extends Component {
			
 
				+    constructor(props) {
			
 
				+        super(props)
			
 
				+
			
 
				+        this.state = {
			
 
				+            count: 0,
			
 
				+        }
			
 
				+    }
			
 
				+
			
 
				+    render() {
			
 
				+
			
 
				+        const { InfoStaff, isFetching } = this.props
			
 
				+        let arr = [];
			
 
				+
			
 
				+        InfoStaff.map(el => {
			
 
				+            if (el.state) {
			
 
				+                let str1 = el.img.substr(29)
			
 
				+
			
 
				+                for (var i = 0, b = 24; i < str1.length; i = i + 25) {
			
 
				+                    arr.push({ newStr: str1.substr(i, b), state: el.state, defaultStr: el.img })
			
 
				+                }
			
 
				+            } else {
			
 
				+                arr.push({ state: el.state, defaultStr: el.img })
			
 
				+            }
			
 
				+
			
 
				+        })
			
 
				+
			
 
				+        let data1
			
 
				+        let data;
			
 
				+
			
 
				+        if (isFetching === true) {
			
 
				+            data = <div className="loader">
			
 
				+                <Loader type="Triangle"
			
 
				+                    color="#FD7F71"
			
 
				+                    height="100"
			
 
				+                    width="100"
			
 
				+                />
			
 
				+            </div>
			
 
				+        } else {
			
 
				+            data = InfoStaff.map((el, key) => <div className="divCenter" key={key}>
			
 
				+                <div className="flex-around">
			
 
				+                    <p><b>Название: </b>{el.title} </p>
			
 
				+                    <p><b>Цена: </b>{el.price}</p>
			
 
				+                    <p><b>Описание: </b>{el.description}</p>
			
 
				+                    <p><b>Контактное лицо: </b>{el.user.name}</p> 
			
 
				+                    <p><b>Номер телефона: </b>{el.user.phone}</p>
			
 
				+                </div>
			
 
				+            </div>
			
 
				+            )
			
 
				+            data1 = <div className="carusel">
			
 
				+                <Carousel effect="fade">
			
 
				+                    {arr.map((el,key) => <div key={key}>
			
 
				+                        {el.state ? <img src={`http://127.0.0.1:2000/static/${el.newStr}`} className="fullImgStaff" alt="lorem" /> :
			
 
				+                            <img src={`${el.defaultStr}`} width="325" height="190" className="imgStaff" alt="lorem" />}
			
 
				+                    </div>)}
			
 
				+                </Carousel>
			
 
				+            </div>
			
 
				+        }
			
 
				+
			
 
				+
			
 
				+        return (
			
 
				+
			
 
				+            <div className="staffinfo" >
			
 
				+                {data1}
			
 
				+                {data}
			
 
				+            </div>
			
 
				+        );
			
 
				+    }
			
 
				+}
			
 
				+
			
 
				+export default FullInfoAboutStaff;
			
--- a/src/components/AllStaffs/index.js
+++ b/src/components/AllStaffs/index.js
@@ -0,0 +1,94 @@
 
				+import React, { Component } from 'react';
			
 
				+import { Link } from "react-router-dom";
			
 
				+
			
 
				+import Loader from 'react-loader-spinner';
			
 
				+import AddNewStaff from '../../components/BtnAddNewStaff'
			
 
				+
			
 
				+class AllStaffs extends Component {
			
 
				+    constructor(props){
			
 
				+        super(props)
			
 
				+        this.state = {
			
 
				+            trig: false, 
			
 
				+            maxMin: false
			
 
				+        }
			
 
				+    }
			
 
				+    sortStaffMinMax = () =>{
			
 
				+        this.setState({trig: !this.state.trig})
			
 
				+    }
			
 
				+    sortStaffMaxMin = () =>{
			
 
				+        this.setState({maxMin: !this.state.maxMin})
			
 
				+    }
			
 
				+    render() {
			
 
				+        const { inputStaffs, isFetching, isAdmin, getUser, arr } = this.props
			
 
				+       
			
 
				+        let data;
			
 
				+
			
 
				+        if (isFetching === true) {
			
 
				+            data = <div className="loader">
			
 
				+                <Loader type="Triangle"
			
 
				+                    color="#FD7F71"
			
 
				+                    height="100"
			
 
				+                    width="100"
			
 
				+                />
			
 
				+            </div>
			
 
				+        } else if(this.state.trig === true) {
			
 
				+            data = <div className="staffs">
			
 
				+           
			
 
				+                {arr.map((el, key) => (
			
 
				+                 <Link to={`/staff/${el.id}`} key={key}>
			
 
				+                     <div className="staff">
			
 
				+                     {el.state ?  <img src={el.img.substr(0,53)} width="325" height="190" className="imgStaff"  alt="lorem" /> : <img src={el.img} width="325" height="190" className="imgStaff"  alt="lorem" />}
			
 
				+                         <div className="titlleAndPrice">
			
 
				+                             <h4>{el.title}</h4>
			
 
				+                             <h4>Цена: {el.price}</h4>
			
 
				+                         </div>
			
 
				+                     </div>
			
 
				+                 </Link>
			
 
				+             ))}
			
 
				+             </div>
			
 
				+
			
 
				+        }else if (this.state.maxMin === true){
			
 
				+             data = <div className="staffs">
			
 
				+                  { arr.map((el, key) => (
			
 
				+                    <Link to={`/staff/${el.id}`} key={key}>
			
 
				+                        <div className="staff">
			
 
				+                        {el.state ?  <img src={el.img.substr(0,53)} width="325" height="190" className="imgStaff"  alt="lorem" /> : <img src={el.img} width="325" height="190" className="imgStaff"  alt="lorem" />}
			
 
				+                            <div className="titlleAndPrice">
			
 
				+                                <h4>{el.title}</h4>
			
 
				+                                <h4>Цена: {el.price}</h4>
			
 
				+                            </div>
			
 
				+                        </div>
			
 
				+                    </Link>
			
 
				+                )).reverse()}
			
 
				+                </div>
			
 
				+        } else {
			
 
				+            data = <div className="staffs">
			
 
				+            {inputStaffs.map((el, key) => (
			
 
				+                    <Link to={`/staff/${el.id}`} key={key}>
			
 
				+                        <div className="staff">
			
 
				+                        {el.state ?  <img src={el.img.substr(0,53)} width="325" height="190" className="imgStaff"  alt="lorem" /> : <img src={el.img} width="325" height="190" className="imgStaff"  alt="lorem" />}
			
 
				+                            <div className="titlleAndPrice">
			
 
				+                                <h4>{el.title}</h4>
			
 
				+                                <h4>Цена: {el.price}</h4>
			
 
				+                            </div>
			
 
				+                        </div>
			
 
				+                    </Link>
			
 
				+                ))}
			
 
				+                  
			
 
				+            </div>
			
 
				+        }
			
 
				+        console.log(arr.reverse())
			
 
				+        return (
			
 
				+
			
 
				+            <div className="contentStaffs">
			
 
				+                {data}
			
 
				+                <button className="topPrice" onClick={this.sortStaffMinMax}>Дорогие</button>
			
 
				+                <button className="bottomPrice" onClick={this.sortStaffMaxMin}>Дешевые</button>
			
 
				+                <AddNewStaff isAdmin={isAdmin} getUser={getUser} />
			
 
				+            </div>
			
 
				+
			
 
				+        );
			
 
				+    }
			
 
				+}
			
 
				+
			
 
				+export default AllStaffs;
			
--- a/src/components/Auth/authButtons.js
+++ b/src/components/Auth/authButtons.js
@@ -0,0 +1,23 @@
 
				+import React, { Component } from "react"
			
 
				+import { Link } from "react-router-dom"
			
 
				+
			
 
				+class Authbuttons extends Component {
			
 
				+    render() {
			
 
				+        return (
			
 
				+            <div className="auth__button">
			
 
				+                <Link to="/auth" >
			
 
				+                    <button className="buttonAuth">
			
 
				+                        Вход
			
 
				+                    </button>
			
 
				+                </Link>
			
 
				+                <Link to="/registration" >
			
 
				+                    <button className="buttonAuth">
			
 
				+                        Регистрация
			
 
				+                    </button>
			
 
				+                </Link>
			
 
				+            </div>
			
 
				+        )
			
 
				+    }
			
 
				+}
			
 
				+
			
 
				+export default Authbuttons;
			
--- a/src/components/Auth/authorisation.js
+++ b/src/components/Auth/authorisation.js
@@ -0,0 +1,55 @@
 
				+import React from "react";
			
 
				+import { reduxForm, Field } from "redux-form";
			
 
				+import { Link } from "react-router-dom"
			
 
				+
			
 
				+import Authbuttons from './authButtons'
			
 
				+
			
 
				+import { authValidate } from "../../utils/authValidate";
			
 
				+import { authRenderField } from "../../common/authRenderField"
			
 
				+
			
 
				+
			
 
				+const Form = props => {
			
 
				+
			
 
				+    const { handleSubmit, getUsersData } = props
			
 
				+
			
 
				+    const submit = (values) => {
			
 
				+
			
 
				+        getUsersData(values);
			
 
				+
			
 
				+    }
			
 
				+    return (
			
 
				+        <div className="formdiv">
			
 
				+            <div>
			
 
				+                <Authbuttons />
			
 
				+                <form className="formAuth" >
			
 
				+                    <Field
			
 
				+                        name="email"
			
 
				+                        component={authRenderField}
			
 
				+                        type="Емейл"
			
 
				+                        placeholder="email@example.com"
			
 
				+                        className="input"
			
 
				+                    />
			
 
				+                    <Field
			
 
				+                        name="password"
			
 
				+                        component={authRenderField}
			
 
				+                        type="password"
			
 
				+                        placeholder="Пароль"
			
 
				+                        className="input"
			
 
				+                    />
			
 
				+
			
 
				+                    <div className="center">
			
 
				+                        <button className="buttonInAuth" onClick={handleSubmit(submit)}>
			
 
				+                            Войти
			
 
				+                        </button>
			
 
				+                    </div>
			
 
				+                </form>
			
 
				+            </div>
			
 
				+
			
 
				+        </div>
			
 
				+
			
 
				+
			
 
				+
			
 
				+    );
			
 
				+}
			
 
				+
			
 
				+export default reduxForm({ form: "authForm", validate: authValidate })(Form);
			
--- a/src/components/Auth/registration.js
+++ b/src/components/Auth/registration.js
@@ -0,0 +1,95 @@
 
				+import React from 'react'
			
 
				+import { Field, reduxForm } from 'redux-form'
			
 
				+
			
 
				+import Authbuttons from './authButtons'
			
 
				+
			
 
				+import { regValidate } from '../../utils/regValidate'
			
 
				+import { regRenderField } from '../../common/regRenderField'
			
 
				+
			
 
				+const RegistrForm = props => {
			
 
				+
			
 
				+    const { handleSubmit, pristine, reset, postUsersData } = props
			
 
				+
			
 
				+    const submit = (values) => {
			
 
				+        values.avatar = "https://site.com"
			
 
				+        values.isAdmin = 0
			
 
				+        values.description = "bad_boy"
			
 
				+        postUsersData(values)
			
 
				+    }
			
 
				+
			
 
				+    return (
			
 
				+        <div >
			
 
				+            <Authbuttons />
			
 
				+            <form onSubmit={handleSubmit(submit)} className="formRegistr">
			
 
				+                <div>
			
 
				+                    <div className="divName">
			
 
				+                        <div style={{ "width": "270px" }} >
			
 
				+                            <Field
			
 
				+                                name="name"
			
 
				+                                component={regRenderField}
			
 
				+                                type="text"
			
 
				+                                placeholder="Имя"
			
 
				+                                className="inputName"
			
 
				+                            />
			
 
				+                        </div>
			
 
				+                        <div style={{ "width": "270px" }} >
			
 
				+                            <Field
			
 
				+                                name="login"
			
 
				+                                component={regRenderField}
			
 
				+                                type="text"
			
 
				+                                placeholder="Логин"
			
 
				+                                className="inputName"
			
 
				+                            />
			
 
				+                        </div>
			
 
				+                    </div>
			
 
				+                    <div className="divName">
			
 
				+                        <div style={{ "width": "270px" }} >
			
 
				+                            <Field
			
 
				+                                name="email"
			
 
				+                                component={regRenderField}
			
 
				+                                type="email"
			
 
				+                                placeholder="email@example.com"
			
 
				+                                className="inputName"
			
 
				+                            />
			
 
				+                        </div>
			
 
				+                        <div style={{ "width": "270px" }} >
			
 
				+                            <Field
			
 
				+                                name="phone"
			
 
				+                                component={regRenderField}
			
 
				+                                type="text"
			
 
				+                                placeholder="+380XXXXXXXX"
			
 
				+                                className="inputName"
			
 
				+                            />
			
 
				+                        </div>
			
 
				+                    </div>
			
 
				+                    <Field
			
 
				+                        name="password"
			
 
				+                        component={regRenderField}
			
 
				+                        type="password"
			
 
				+                        placeholder="Пароль"
			
 
				+                        className="input"
			
 
				+                    />
			
 
				+                </div>
			
 
				+                <div className="center">
			
 
				+                    <button type="submit"
			
 
				+                        className="buttonInRegistration"
			
 
				+                        disabled={pristine}
			
 
				+                    >
			
 
				+                        Зарегистрироваться
			
 
				+                    </button>
			
 
				+                    <button type="button"
			
 
				+                        className="buttonInRegistration"
			
 
				+                        disabled={pristine}
			
 
				+                        onClick={reset}
			
 
				+                    >
			
 
				+                        Очистить поля
			
 
				+                    </button>
			
 
				+                </div>
			
 
				+            </form>
			
 
				+        </div>
			
 
				+
			
 
				+    )
			
 
				+}
			
 
				+
			
 
				+export default reduxForm({ form: 'registrForm', validate: regValidate })(RegistrForm)
			
 
				+
			
--- a/src/components/Btn/linkHome.js
+++ b/src/components/Btn/linkHome.js
@@ -0,0 +1,19 @@
 
				+import React, { Component } from 'react';
			
 
				+
			
 
				+import { Icon } from 'antd';
			
 
				+import { Link } from "react-router-dom";
			
 
				+
			
 
				+class LinkHome extends Component {
			
 
				+    render() {
			
 
				+    
			
 
				+        return (
			
 
				+            <div>
			
 
				+                <Link to="/" className="linkTopButton">
			
 
				+                    <Icon type="home" style={{ fontSize: '30px' }} />
			
 
				+                </Link>
			
 
				+            </div>
			
 
				+        );
			
 
				+    }
			
 
				+}
			
 
				+
			
 
				+export default LinkHome;
			
--- a/src/components/BtnAddNewStaff/index.js
+++ b/src/components/BtnAddNewStaff/index.js
@@ -0,0 +1,27 @@
 
				+import React, { Component, Fragment } from 'react';
			
 
				+
			
 
				+import { Icon } from 'antd';
			
 
				+import { Link } from "react-router-dom";
			
 
				+
			
 
				+
			
 
				+class BtnAddNewStaff extends Component {
			
 
				+    render() {
			
 
				+        const { isAdmin, getUser } = this.props
			
 
				+        let localS = JSON.parse(localStorage.getItem("login"));
			
 
				+
			
 
				+        let data;
			
 
				+        if (localS === null) {
			
 
				+            data = <div><Link to="/auth" className="topbutton"><Icon type="plus" style={{ fontSize: '30px' }} /></Link></div>
			
 
				+        }
			
 
				+        else if (isAdmin !== undefined || getUser.isAdmin !== undefined) {
			
 
				+            data = <div> <Link to="/newStaff" className="topbutton"><Icon type="plus" style={{ fontSize: '30px' }} /></Link></div>
			
 
				+        }
			
 
				+        return (
			
 
				+            <Fragment>
			
 
				+                {data}
			
 
				+            </Fragment>
			
 
				+        );
			
 
				+    }
			
 
				+}
			
 
				+
			
 
				+export default BtnAddNewStaff;
			
--- a/src/components/CategoryStaffs/index.js
+++ b/src/components/CategoryStaffs/index.js
@@ -0,0 +1,54 @@
 
				+import React, { Component } from 'react';
			
 
				+import { Link } from "react-router-dom";
			
 
				+
			
 
				+import Loader from 'react-loader-spinner';
			
 
				+import AddNewStaff from '../../components/BtnAddNewStaff'
			
 
				+
			
 
				+class CategoryStaffs extends Component {
			
 
				+    
			
 
				+    render() {
			
 
				+        const { infoCategory, isFetching, getUser } = this.props
			
 
				+        console.log(this.props)
			
 
				+
			
 
				+        let data;
			
 
				+            if(isFetching===true){
			
 
				+                
			
 
				+                data = <div className="loader"> 
			
 
				+                    <Loader type="Triangle"
			
 
				+                        color="#FD7F71"
			
 
				+                        height="100"	
			
 
				+                        width="100"
			
 
				+                    /> 
			
 
				+                </div> 
			
 
				+            }
			
 
				+            else{
			
 
				+                data = <div className="staffs">
			
 
				+                {infoCategory.map((el,key)=>(
			
 
				+                    <Link to={`/staff/${el.id}`} key={key}>
			
 
				+                        <div className="staff">
			
 
				+                           <img src={el.img.substr(0,53)} width="325" height="190" className="imgStaff"  alt="lorem" />
			
 
				+                            <div className="titlleAndPrice">
			
 
				+                                <h4>{el.title}</h4>
			
 
				+                                <h4>Цена: {el.price}</h4>
			
 
				+                            </div>
			
 
				+
			
 
				+                        </div>
			
 
				+                    </Link> 
			
 
				+                ))}    
			
 
				+            </div>
			
 
				+            }
			
 
				+        return (
			
 
				+
			
 
				+           <div className="content">
			
 
				+
			
 
				+                {data}
			
 
				+                <AddNewStaff   getUser={ getUser }/>
			
 
				+           </div> 
			
 
				+            
			
 
				+        );
			
 
				+    }
			
 
				+}
			
 
				+
			
 
				+export default CategoryStaffs;
			
 
				+
			
 
				+
			
--- a/src/components/FormsAdd/FormAddNewCategory/SendingCategoryForm.js
+++ b/src/components/FormsAdd/FormAddNewCategory/SendingCategoryForm.js
@@ -0,0 +1,56 @@
 
				+import React from 'react'
			
 
				+import { Field, reduxForm } from 'redux-form'
			
 
				+
			
 
				+const SendingForm = props => {
			
 
				+    const { handleSubmit, pristine, reset, submitting, AddNewCategory, podcategory } = props
			
 
				+
			
 
				+    const submit = values => {
			
 
				+        AddNewCategory(values)
			
 
				+    };
			
 
				+
			
 
				+    return (
			
 
				+        <div className="formdiv">
			
 
				+            <form onSubmit={handleSubmit(submit)} className="form">
			
 
				+                <Field name="title"
			
 
				+                    className="input"
			
 
				+                    component="input"
			
 
				+                    type="text"
			
 
				+                    placeholder="Наименование Заголовка"
			
 
				+                />
			
 
				+                <Field name="description"
			
 
				+                    className="input"
			
 
				+                    component="input"
			
 
				+                    type="text"
			
 
				+                    placeholder="Icon"
			
 
				+                />
			
 
				+                <Field name="parentId"
			
 
				+                    className="input"
			
 
				+                    component="select"  
			
 
				+                >
			
 
				+                    <option >Выберите рубрику</option>
			
 
				+                    <option value={0}> Новая рубрика</option>
			
 
				+                    {podcategory.map(el => <option value={el.id}> {el.title}</option>)}
			
 
				+                </Field>
			
 
				+                <div className="buttonConteiner">
			
 
				+                    <button type="submit"
			
 
				+                        className="button"
			
 
				+                        disabled={pristine || submitting}
			
 
				+                    >
			
 
				+                        Добавить
			
 
				+                    </button>
			
 
				+                    <button type="button"
			
 
				+                        className="button"
			
 
				+                        disabled={pristine || submitting}
			
 
				+                        onClick={reset}
			
 
				+                    >
			
 
				+                        Очистить
			
 
				+                    </button>
			
 
				+                </div>
			
 
				+            </form>
			
 
				+        </div >
			
 
				+    )
			
 
				+}
			
 
				+
			
 
				+export default reduxForm({
			
 
				+    form: 'SendingForm'
			
 
				+})(SendingForm)
			
--- a/src/components/FormsAdd/FormAddNewCategory/index.js
+++ b/src/components/FormsAdd/FormAddNewCategory/index.js
@@ -0,0 +1,40 @@
 
				+import React, { Component } from 'react';
			
 
				+import { connect } from 'react-redux';
			
 
				+import * as actions from '../../../actions/categoryAction';
			
 
				+
			
 
				+import { bindActionCreators } from 'redux';
			
 
				+
			
 
				+import MDSpinner from "react-md-spinner";
			
 
				+import Form from '../FormAddNewCategory/SendingCategoryForm'
			
 
				+import LinkHome from "../../Btn/linkHome"
			
 
				+
			
 
				+class FormAddNewStaff extends Component {
			
 
				+    componentDidMount() {
			
 
				+        this.props.getCategoriesData(); 
			
 
				+    }
			
 
				+
			
 
				+    render() {
			
 
				+        
			
 
				+        const { isFetching, AddNewCategory, allCategory, podcategory } = this.props
			
 
				+        
			
 
				+        return (
			
 
				+            <div>
			
 
				+                <LinkHome />
			
 
				+               <Form AddNewCategory={AddNewCategory} allCategory={allCategory} podcategory={podcategory} />
			
 
				+               {isFetching===true ? <div><MDSpinner size={100} duration={1000} /></div> : null}
			
 
				+            </div>
			
 
				+        );
			
 
				+    }
			
 
				+}
			
 
				+
			
 
				+const mapStateToProps = state =>({
			
 
				+    allCategory: state.category.allCategory,
			
 
				+    podcategory: state.category.podcategory,
			
 
				+})
			
 
				+
			
 
				+const mapDispatchToProps = dispatch => bindActionCreators({ ...actions }, dispatch);
			
 
				+
			
 
				+export default FormAddNewStaff = connect(
			
 
				+    mapStateToProps,
			
 
				+    mapDispatchToProps
			
 
				+)(FormAddNewStaff);;
			
--- a/src/components/FormsAdd/FormAddNewStaff/SendingStaffForm.js
+++ b/src/components/FormsAdd/FormAddNewStaff/SendingStaffForm.js
@@ -0,0 +1,175 @@
 
				+import React, { Component } from 'react';
			
 
				+import { Field, reduxForm } from 'redux-form';
			
 
				+
			
 
				+import FormData from 'form-data'
			
 
				+
			
 
				+
			
 
				+class SendingForm extends Component {
			
 
				+    constructor(props) {
			
 
				+        super(props)
			
 
				+
			
 
				+        this.state = { trig: false }
			
 
				+    }
			
 
				+
			
 
				+    onChange = e => {
			
 
				+        const { pushPhoto, base64 } = this.props
			
 
				+        this.setState({ trig: true })
			
 
				+        let data = new FormData();
			
 
				+        data.append('image', e.target.files[0], e.target.files[0].name);
			
 
				+        pushPhoto(data)
			
 
				+        var file = e.target.files[0];
			
 
				+        var reader = new FileReader();
			
 
				+        reader.onloadend = function () {
			
 
				+            base64(reader.result)
			
 
				+        }
			
 
				+        reader.readAsDataURL(file);
			
 
				+    }
			
 
				+    onChange1 = e => {
			
 
				+        const { pushPhoto, base641 } = this.props
			
 
				+        this.setState({ trig: true })
			
 
				+        let data = new FormData();
			
 
				+        data.append('image', e.target.files[0], e.target.files[0].name);
			
 
				+        pushPhoto(data)
			
 
				+        var file = e.target.files[0];
			
 
				+        var reader = new FileReader();
			
 
				+        reader.onloadend = function () {
			
 
				+            base641(reader.result)
			
 
				+        }
			
 
				+        reader.readAsDataURL(file);
			
 
				+    }
			
 
				+    onChange2 = e => {
			
 
				+        const { pushPhoto, base642 } = this.props
			
 
				+        this.setState({ trig: true })
			
 
				+        let data = new FormData();
			
 
				+        data.append('image', e.target.files[0], e.target.files[0].name);
			
 
				+        pushPhoto(data)
			
 
				+        var file = e.target.files[0];
			
 
				+        var reader = new FileReader();
			
 
				+        reader.onloadend = function () {
			
 
				+            base642(reader.result)
			
 
				+        }
			
 
				+        reader.readAsDataURL(file);
			
 
				+    }
			
 
				+    onChange3 = e => {
			
 
				+        const { pushPhoto, base643 } = this.props
			
 
				+        this.setState({ trig: true })
			
 
				+        let data = new FormData();
			
 
				+        if (e.target.files[0] === undefined) {
			
 
				+            return
			
 
				+        }
			
 
				+        data.append('image', e.target.files[0], e.target.files[0].name);
			
 
				+        pushPhoto(data)
			
 
				+        var file = e.target.files[0];
			
 
				+        var reader = new FileReader();
			
 
				+        reader.onloadend = function () {
			
 
				+            base643(reader.result)
			
 
				+        }
			
 
				+        reader.readAsDataURL(file);
			
 
				+
			
 
				+    }
			
 
				+
			
 
				+    submit = values => {
			
 
				+
			
 
				+        const { AddNewStaffAction, getUser, photo } = this.props      
			
 
				+        if(!this.state.trig){
			
 
				+            // http://rs.img.com.ua/crop?v2=1&w=600&h=0&url=%2F%2Fbm.img.com.ua%2Fberlin%2Fstorage%2Forig%2Fd224d3bd9bfe8bcb6b561da523d87364.jpg
			
 
				+            values.img = "https://icoconvert.com/images/noimage2.png";
			
 
				+            values.state = 0
			
 
				+        } else {
			
 
				+            values.img = `http://127.0.0.1:2000/static/${photo.map(el => el.data.fileName)}`;
			
 
				+            values.state = 1
			
 
				+        }
			
 
				+        values.staff = "Машина"
			
 
				+
			
 
				+        values.userId = getUser.id
			
 
				+        AddNewStaffAction(values)
			
 
				+
			
 
				+    };
			
 
				+    render() {
			
 
				+
			
 
				+        const { handleSubmit, pristine, reset, submitting, allCategory, base64Photo, addOrnot, base64Photo1, base64Photo2, base64Photo3, addOrnot1, addOrnot2, addOrnot3 } = this.props
			
 
				+
			
 
				+        return (
			
 
				+
			
 
				+
			
 
				+            <div className="formdiv">
			
 
				+                <form onSubmit={handleSubmit(this.submit)} className="form">
			
 
				+                    <Field name="title"
			
 
				+                        component="input"
			
 
				+                        type="text"
			
 
				+                        placeholder="Название"
			
 
				+                        className="input"
			
 
				+                    />
			
 
				+
			
 
				+                    <Field name="description"
			
 
				+                        component="textarea"
			
 
				+                        type="text"
			
 
				+                        placeholder="Описание"
			
 
				+                        className="textarea"
			
 
				+                    />
			
 
				+
			
 
				+                    <Field name="price"
			
 
				+                        component="input"
			
 
				+                        type="number"
			
 
				+                        placeholder="Цена"
			
 
				+                        className="input"
			
 
				+                    />
			
 
				+
			
 
				+                    <Field name="categoryId"
			
 
				+                        component="select"
			
 
				+                        className="input"
			
 
				+                    >
			
 
				+                        <option >Выберите рубрику</option>
			
 
				+                        {allCategory.map((el,key) => <option value={el.id} key={key}> {el.title}</option>)}
			
 
				+                    </Field>
			
 
				+
			
 
				+
			
 
				+                    <div className="file">
			
 
				+                        <label className='upload-zone zone1'>
			
 
				+                            {addOrnot ? <img src={base64Photo} style={{ "width": "80px", "height": "80px" }} alt=""></img> : <i>&nbsp;</i>}
			
 
				+                            <input type='file' className='files' onChange={this.onChange} />
			
 
				+
			
 
				+                        </label>
			
 
				+                        <label className='upload-zone zone2'>
			
 
				+                            {addOrnot1 ? <img src={base64Photo1} style={{ "width": "80px", "height": "80px" }} alt=""></img> : <i>&nbsp;</i>}
			
 
				+                            <input type='file' className='files' onChange={this.onChange1} />
			
 
				+
			
 
				+                        </label>
			
 
				+                        <label className='upload-zone zone3'>
			
 
				+                            {addOrnot2 ? <img src={base64Photo2} style={{ "width": "80px", "height": "80px" }} alt=""></img> : <i>&nbsp;</i>}
			
 
				+                            <input type='file' className='files' onChange={this.onChange2} />
			
 
				+
			
 
				+                        </label>
			
 
				+                        <label className='upload-zone zone4'>
			
 
				+                            {addOrnot3 ? <img src={base64Photo3} style={{ "width": "80px", "height": "80px" }} alt=""></img> : <i>&nbsp;</i>}
			
 
				+                            <input type='file' className='files' onChange={this.onChange3} />
			
 
				+
			
 
				+                        </label>
			
 
				+                    </div>
			
 
				+
			
 
				+
			
 
				+                    <div className="buttonConteiner">
			
 
				+                        <button type="submit"
			
 
				+                            className="button"
			
 
				+                            disabled={pristine || submitting}
			
 
				+                        >
			
 
				+                            Добавить
			
 
				+                        </button>
			
 
				+                        <button type="button"
			
 
				+                            className="button"
			
 
				+                            disabled={pristine || submitting}
			
 
				+                            onClick={reset}
			
 
				+                        >
			
 
				+                            Очистить
			
 
				+                        </button>
			
 
				+                    </div>
			
 
				+                </form>
			
 
				+            </div>
			
 
				+
			
 
				+        )
			
 
				+    }
			
 
				+}
			
 
				+
			
 
				+export default reduxForm({
			
 
				+    form: 'SendingForm'
			
 
				+})(SendingForm)
			
--- a/src/components/FormsAdd/FormAddNewStaff/index.js
+++ b/src/components/FormsAdd/FormAddNewStaff/index.js
@@ -0,0 +1,46 @@
 
				+import React, { Component, Fragment } from 'react';
			
 
				+import { connect } from 'react-redux';
			
 
				+import * as actions from '../../../actions/categoryAction';
			
 
				+
			
 
				+import { bindActionCreators } from 'redux';
			
 
				+
			
 
				+import MDSpinner from "react-md-spinner";
			
 
				+import Form from '../FormAddNewStaff/SendingStaffForm'
			
 
				+import LinkHome from "../../Btn/linkHome"
			
 
				+
			
 
				+class FormAddNewStaff extends Component {
			
 
				+    componentDidMount() {
			
 
				+        this.props.getCategoriesData();
			
 
				+        
			
 
				+    }
			
 
				+    render() {
			
 
				+        
			
 
				+        const { isFetching, allCategory } = this.props
			
 
				+        let data;
			
 
				+        if (allCategory.data===undefined){
			
 
				+            data = []
			
 
				+        }
			
 
				+        else{ 
			
 
				+            const category = allCategory.data.filter(el => el.parentId !== 0)
			
 
				+            data = <Form {...this.props} allCategory={ category }/>
			
 
				+        }
			
 
				+        return (
			
 
				+            <Fragment>
			
 
				+                <LinkHome />
			
 
				+                {data}
			
 
				+                {isFetching===true ? <div><MDSpinner size={100} duration={1000} /></div> : null}
			
 
				+            </Fragment>
			
 
				+        );
			
 
				+    }
			
 
				+}
			
 
				+
			
 
				+
			
 
				+const mapStateToProps = state =>({
			
 
				+    allCategory: state.category.allCategory,
			
 
				+})
			
 
				+
			
 
				+const mapDispatchToProps = dispatch => bindActionCreators({ ...actions }, dispatch);
			
 
				+export default FormAddNewStaff = connect(
			
 
				+    mapStateToProps,
			
 
				+    mapDispatchToProps
			
 
				+)(FormAddNewStaff);
			
--- a/src/components/FormsAdd/redForm/index.js
+++ b/src/components/FormsAdd/redForm/index.js
@@ -0,0 +1,203 @@
 
				+import React, { Component } from 'react';
			
 
				+import { reduxForm } from 'redux-form';
			
 
				+
			
 
				+import FormData from 'form-data'
			
 
				+import LinkHome from "../../Btn/linkHome"
			
 
				+
			
 
				+class FormRedactorStaff extends  Component  {
			
 
				+
			
 
				+    constructor(props){
			
 
				+        super(props)
			
 
				+       this.state = { trig:false }
			
 
				+    }
			
 
				+    onChange = e =>{
			
 
				+        const { pushPhoto } = this.props
			
 
				+        this.setState({trig:true})
			
 
				+        let data = new FormData();
			
 
				+        data.append('image',e.target.files[0], e.target.files[0].name);
			
 
				+          
			
 
				+          pushPhoto(data)
			
 
				+    }
			
 
				+    onChange0 = e => {
			
 
				+        const { pushPhoto, base64 } = this.props
			
 
				+        this.setState({ trig: true })
			
 
				+        let data = new FormData();
			
 
				+        data.append('image', e.target.files[0], e.target.files[0].name);
			
 
				+        pushPhoto(data)
			
 
				+        var file = e.target.files[0];
			
 
				+        var reader = new FileReader();
			
 
				+        reader.onloadend = function () {
			
 
				+            base64(reader.result)
			
 
				+        }
			
 
				+        reader.readAsDataURL(file);
			
 
				+    }
			
 
				+    onChange1 = e => {
			
 
				+        const { pushPhoto, base641 } = this.props
			
 
				+        this.setState({ trig: true })
			
 
				+        let data = new FormData();
			
 
				+        data.append('image', e.target.files[0], e.target.files[0].name);
			
 
				+        pushPhoto(data)
			
 
				+        var file = e.target.files[0];
			
 
				+        var reader = new FileReader();
			
 
				+        reader.onloadend = function () {
			
 
				+            base641(reader.result)
			
 
				+        }
			
 
				+        reader.readAsDataURL(file);
			
 
				+    }
			
 
				+    onChange2 = e => {
			
 
				+        const { pushPhoto, base642 } = this.props
			
 
				+        this.setState({ trig: true })
			
 
				+        let data = new FormData();
			
 
				+        data.append('image', e.target.files[0], e.target.files[0].name);
			
 
				+        pushPhoto(data)
			
 
				+        var file = e.target.files[0];
			
 
				+        var reader = new FileReader();
			
 
				+        reader.onloadend = function () {
			
 
				+            base642(reader.result)
			
 
				+        }
			
 
				+        reader.readAsDataURL(file);
			
 
				+    }
			
 
				+    onChange3 = e => {
			
 
				+        const { pushPhoto, base643 } = this.props
			
 
				+        this.setState({ trig: true })
			
 
				+        let data = new FormData();
			
 
				+        if (e.target.files[0] === undefined) {
			
 
				+            return
			
 
				+        }
			
 
				+        data.append('image', e.target.files[0], e.target.files[0].name);
			
 
				+        pushPhoto(data)
			
 
				+        var file = e.target.files[0];
			
 
				+        var reader = new FileReader();
			
 
				+        reader.onloadend = function () {
			
 
				+            base643(reader.result)
			
 
				+        }
			
 
				+        reader.readAsDataURL(file);
			
 
				+
			
 
				+    }
			
 
				+    changeHandler = (e) =>{
			
 
				+          const { inputchangeHandler } = this.props
			
 
				+          inputchangeHandler(e.target.value)
			
 
				+    }
			
 
				+    changeHandler1 = (e) =>{
			
 
				+        const { inputchangeHandler1 } = this.props
			
 
				+        inputchangeHandler1(e.target.value)
			
 
				+    }
			
 
				+    changeHandler2 = (e) =>{
			
 
				+         const { inputchangeHandler2 } = this.props
			
 
				+        inputchangeHandler2(e.target.value)
			
 
				+        
			
 
				+    }
			
 
				+    changeHandler3 = (e) =>{
			
 
				+         const { inputchangeHandler3 } = this.props
			
 
				+        inputchangeHandler3(e.target.value)
			
 
				+        
			
 
				+    }
			
 
				+    send = () =>{
			
 
				+        const { inputData, inputData1, inputData2, inputData3, photo, EditStaffAction, InfoStaff, getUser,  } = this.props  
			
 
				+        let values = {}
			
 
				+        if(!this.state.trig){
			
 
				+            //http://rs.img.com.ua/crop?v2=1&w=600&h=0&url=%2F%2Fbm.img.com.ua%2Fberlin%2Fstorage%2Forig%2Fd224d3bd9bfe8bcb6b561da523d87364.jpg
			
 
				+            values.img = "https://icoconvert.com/images/noimage2.png";
			
 
				+            values.state = 0
			
 
				+        }
			
 
				+        else{
			
 
				+            values.img = `http://127.0.0.1:2000/static/${photo.map(el => el.data.fileName)}`; 
			
 
				+            values.state = 1 
			
 
				+         }
			
 
				+            values.title = inputData
			
 
				+            values.description = inputData1
			
 
				+            values.price = inputData2
			
 
				+            values.categoryId = inputData3  
			
 
				+        values.staff = "Машина"       
			
 
				+        values.userId = getUser.id
			
 
				+        values.id = InfoStaff[0].id
			
 
				+        if(values.title === ""){
			
 
				+            InfoStaff.map(el => values.title = el.title)
			
 
				+        }
			
 
				+        if(values.description === ""){
			
 
				+            InfoStaff.map(el => values.description = el.description)
			
 
				+        }
			
 
				+        if(values.price === null){
			
 
				+            InfoStaff.map(el => values.price = el.price)
			
 
				+        }
			
 
				+        if(values.categoryId === null){
			
 
				+            InfoStaff.map(el => values.categoryId = el.categoryId)
			
 
				+        }
			
 
				+          EditStaffAction(values)
			
 
				+        
			
 
				+         
			
 
				+    }
			
 
				+    render(){
			
 
				+        
			
 
				+        
			
 
				+         const { pristine, reset, submitting, InfoStaff, allCategory, base64Photo, addOrnot, base64Photo1, base64Photo2, base64Photo3, addOrnot1, addOrnot2, addOrnot3 } = this.props
			
 
				+         
			
 
				+         const category = allCategory.data.filter(el => el.parentId !== 0)
			
 
				+         let data;
			
 
				+         
			
 
				+         
			
 
				+            data = InfoStaff.map((el,key) => <form  className="form" key={key}>
			
 
				+            <input type="text"  name="title" defaultValue ={el.title} className="input" onChange={this.changeHandler}/>
			
 
				+            <textarea type="text"  name="description" defaultValue ={el.description} className="textarea" onChange={this.changeHandler1}/>
			
 
				+            <input type="number"  name="price" defaultValue ={el.price} className="input" onChange={this.changeHandler2}/>
			
 
				+            <select type="number"  name="categoryId"  className="input" defaultValue ={el.categoryId} onChange={this.changeHandler3}>
			
 
				+
			
 
				+              <option >Выберите рубрику</option>
			
 
				+                    {category.map((el,key) => <option value={el.id} key={key} > {el.title}</option>)}
			
 
				+                </select>         
			
 
				+                <div className="file">
			
 
				+                        <label className='upload-zone zone1'>
			
 
				+                            {addOrnot ? <img src={base64Photo} style={{ "width": "80px", "height": "80px" }} alt=""></img> : <i>&nbsp;</i>}
			
 
				+                            <input type='file' className='files' onChange={this.onChange0} />
			
 
				+
			
 
				+                        </label>
			
 
				+                        <label className='upload-zone zone2'>
			
 
				+                            {addOrnot1 ? <img src={base64Photo1} style={{ "width": "80px", "height": "80px" }} alt=""></img> : <i>&nbsp;</i>}
			
 
				+                            <input type='file' className='files' onChange={this.onChange1} />
			
 
				+
			
 
				+                        </label>
			
 
				+                        <label className='upload-zone zone3'>
			
 
				+                            {addOrnot2 ? <img src={base64Photo2} style={{ "width": "80px", "height": "80px" }} alt=""></img> : <i>&nbsp;</i>}
			
 
				+                            <input type='file' className='files' onChange={this.onChange2} />
			
 
				+
			
 
				+                        </label>
			
 
				+                        <label className='upload-zone zone4'>
			
 
				+                            {addOrnot3 ? <img src={base64Photo3} style={{ "width": "80px", "height": "80px" }} alt=""></img> : <i>&nbsp;</i>}
			
 
				+                            <input type='file' className='files' onChange={this.onChange3} />
			
 
				+
			
 
				+                        </label>
			
 
				+                    </div>
			
 
				+                        
			
 
				+               
			
 
				+                <div className="buttonConteiner">
			
 
				+                <button type="button" className="button" onClick={this.send}>
			
 
				+                Добавить
			
 
				+                    </button>
			
 
				+                   <button type="button" disabled={pristine || submitting} onClick={reset} className="button" >
			
 
				+                        Очистить
			
 
				+                    </button>
			
 
				+                   
			
 
				+                </div>
			
 
				+                
			
 
				+                
			
 
				+            </form>
			
 
				+          )
			
 
				+         
			
 
				+    return (
			
 
				+        
			
 
				+            <div className="formdiv">
			
 
				+            <LinkHome />
			
 
				+              {data}  
			
 
				+            </div>
			
 
				+        
			
 
				+    )
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+export default reduxForm({
			
 
				+    form: 'RedactorForm'
			
 
				+})(FormRedactorStaff)
			
 
				+
			
 
				+// {!this.state.trig ?   <button type="button" className="button" onClick={this.send}>
			
 
				+//                         Submit
			
 
				+//                     </button>: <Redirect to='/' /> }
			
--- a/src/components/Header/Myprofile.js
+++ b/src/components/Header/Myprofile.js
@@ -0,0 +1,48 @@
 
				+import React, { Component } from 'react';
			
 
				+import { Link } from "react-router-dom";
			
 
				+import { Avatar } from 'antd';
			
 
				+
			
 
				+class Myprofile extends Component {
			
 
				+
			
 
				+    render() {
			
 
				+
			
 
				+        const { name, getUser, id } =this.props
			
 
				+        let localS = JSON.parse(localStorage.getItem("login"));
			
 
				+        let data;
			
 
				+
			
 
				+        if((!name && !getUser.name) || localS===null){
			
 
				+
			
 
				+            data = <Link to="/auth" className="link">
			
 
				+                <div className="header__auth__container">
			
 
				+                    <div className="avatar">
			
 
				+                        <Avatar icon="user" size={60} style={{ backgroundColor: '#FD7F71' }}/>
			
 
				+                    </div>
			
 
				+                    <div className="text">
			
 
				+                        Мой профиль
			
 
				+                    </div>
			
 
				+                        
			
 
				+                </div>    
			
 
				+            </Link>
			
 
				+        } else {
			
 
				+            
			
 
				+            data = <Link to={`/user/id:${getUser.id || id }`} className="link">
			
 
				+                <div className="header__auth__container">
			
 
				+                    <div className="avatar">
			
 
				+                        <Avatar icon="user" size={60} style={{ backgroundColor: '#FD7F71' }}/>
			
 
				+                    </div>
			
 
				+                    <div className="text">
			
 
				+                        {name || getUser.name }
			
 
				+                    </div>                    
			
 
				+                </div>    
			
 
				+            </Link> 
			
 
				+        }
			
 
				+            
			
 
				+        return (
			
 
				+            <div className="header__auth">
			
 
				+                { data }
			
 
				+            </div>
			
 
				+        );
			
 
				+    }
			
 
				+}
			
 
				+
			
 
				+export default Myprofile;
			
--- a/src/components/Header/logo.js
+++ b/src/components/Header/logo.js
@@ -0,0 +1,15 @@
 
				+import React, { Component } from 'react';
			
 
				+import logo from '../../img/logoBazar.png';
			
 
				+import { Link } from "react-router-dom";
			
 
				+
			
 
				+class HeaderLogo extends Component {
			
 
				+    render() {
			
 
				+        return (
			
 
				+            <div className="header__logo">
			
 
				+               <Link to="/"><img src={logo} alt="Logo"/></Link> 
			
 
				+            </div>
			
 
				+        );
			
 
				+    }
			
 
				+}
			
 
				+
			
 
				+export default HeaderLogo;
			
--- a/src/components/Header/searchLine.js
+++ b/src/components/Header/searchLine.js
@@ -0,0 +1,35 @@
 
				+import React, { Component } from 'react';
			
 
				+
			
 
				+import { Link } from "react-router-dom";
			
 
				+
			
 
				+class SearchLine extends Component {
			
 
				+    
			
 
				+    changeHandler = e => {
			
 
				+        this.props.changeInputValue(e.target.value)
			
 
				+        //athis.props.searchStaff(e.target.value)        
			
 
				+    }
			
 
				+    
			
 
				+    send = () => {
			
 
				+        const { inputData, searchStaff } = this.props
			
 
				+        searchStaff(inputData)
			
 
				+    } 
			
 
				+
			
 
				+    render() {
			
 
				+        const { inputData } = this.props
			
 
				+        return (
			
 
				+            <div className="header__searchLine">
			
 
				+                <input onChange={this.changeHandler}  className="searchInput" placeholder="Что будем покупать?"/>
			
 
				+                    <Link to = {`/search/${inputData}`} >
			
 
				+                        <button onClick={this.send} className="searchBtn" > 
			
 
				+                            <svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 30 30" className="icon">
			
 
				+                                <rect className="fill-none" width="30" height="30"/>
			
 
				+                                    <path className="fill-currentcolor" d="M29.82861,24.17139,25.56519,19.908A13.0381,13.0381,0,1,0,19.908,25.56525l4.26343,4.26337a4.00026,4.00026,0,0,0,5.65723-5.65723ZM5,14a9,9,0,1,1,9,9A9.00984,9.00984,0,0,1,5,14Z"/>
			
 
				+                            </svg>
			
 
				+                        </button>
			
 
				+                    </Link>
			
 
				+            </div>
			
 
				+        );
			
 
				+    }
			
 
				+}
			
 
				+
			
 
				+export default SearchLine;
			
--- a/src/components/LeftMenu/DrawCategory.js
+++ b/src/components/LeftMenu/DrawCategory.js
@@ -0,0 +1,33 @@
 
				+import React, {Component} from 'react'
			
 
				+import { Menu, Icon } from 'antd';
			
 
				+
			
 
				+import PodCategory from './PodCategory'
			
 
				+
			
 
				+const SubMenu = Menu.SubMenu;
			
 
				+
			
 
				+class DrawCategory extends Component {
			
 
				+
			
 
				+    render(){
			
 
				+
			
 
				+        const { allCategory, mainCategory } = this.props;
			
 
				+        
			
 
				+        return (
			
 
				+
			
 
				+            <div >
			
 
				+                {mainCategory.map((el,key)=>
			
 
				+                    <Menu key={key} theme="dark" defaultSelectedKeys={['1']} mode="inline" >    
			
 
				+                        <SubMenu key={key} 
			
 
				+                            title={<span ><Icon type={el.description} /><span >{el.title}</span></span>}
			
 
				+                        > 
			
 
				+                            <PodCategory allCategory={allCategory} 
			
 
				+                                categoryId={el.id}     
			
 
				+                            />  
			
 
				+                        </SubMenu> 
			
 
				+                    </Menu>     
			
 
				+                )}
			
 
				+            </div>
			
 
				+        );
			
 
				+    }
			
 
				+}
			
 
				+
			
 
				+export default DrawCategory
			
--- a/src/components/LeftMenu/PodCategory.js
+++ b/src/components/LeftMenu/PodCategory.js
@@ -0,0 +1,40 @@
 
				+import React, { Component } from 'react'
			
 
				+import { Link } from "react-router-dom";
			
 
				+
			
 
				+class PodCatygory extends Component {
			
 
				+    constructor(props) {
			
 
				+        super(props)
			
 
				+        
			
 
				+        this.podCaty= [];
			
 
				+       
			
 
				+
			
 
				+    }
			
 
				+
			
 
				+    render() {
			
 
				+        const { allCategory, categoryId } = this.props;
			
 
				+        this.podCaty = allCategory.filter(el => el.parentId === categoryId)
			
 
				+
			
 
				+        let datacat = this.podCaty.map((el, key) =>
			
 
				+            <Link to={`/category/staff/${el.id}`}  key={`podCaty${key}`}>
			
 
				+                <li key={`${el.id}`} 
			
 
				+                    className="ant-menu-item" 
			
 
				+                    role="menuitem" 
			
 
				+                    style={{"paddingLeft": "48px"}}
			
 
				+                >
			
 
				+                    {el.title}
			
 
				+                </li>
			
 
				+            </Link>
			
 
				+        ) 
			
 
				+
			
 
				+        return (
			
 
				+            <ul className="ant-menu ant-menu-sub ant-menu-inline" 
			
 
				+                role="menu" 
			
 
				+                style={{"background": "#e06b62","color": "#fff"}} 
			
 
				+            >
			
 
				+                {datacat}
			
 
				+            </ul>
			
 
				+        );
			
 
				+    }
			
 
				+}
			
 
				+
			
 
				+export default PodCatygory
			
--- a/src/components/LeftMenu/index.js
+++ b/src/components/LeftMenu/index.js
@@ -0,0 +1,64 @@
 
				+import React, { Component } from 'react';
			
 
				+import DrawCategory from './DrawCategory'
			
 
				+
			
 
				+import { Layout, Menu, Icon } from 'antd';
			
 
				+import { Link } from "react-router-dom";
			
 
				+
			
 
				+const { Sider } = Layout;
			
 
				+
			
 
				+class LeftMenu extends Component {
			
 
				+
			
 
				+    state = {
			
 
				+        collapsed: false,
			
 
				+    };
			
 
				+
			
 
				+    onCollapse = collapsed => {
			
 
				+        this.setState({ collapsed });
			
 
				+    }
			
 
				+
			
 
				+    render() {
			
 
				+
			
 
				+        const { allCategory, mainCategory,  getUser, isAdmin } = this.props
			
 
				+        
			
 
				+            let localS = JSON.parse(localStorage.getItem("login")); 
			
 
				+            
			
 
				+            let data; 
			
 
				+           
			
 
				+            if(localS===null) {
			
 
				+                data = [];
			
 
				+                }
			
 
				+               
			
 
				+             else if(Boolean(isAdmin) || Boolean(getUser.isAdmin)){
			
 
				+                data =  <Menu key="addCatigory1" theme="dark" defaultSelectedKeys={['1']} mode="inline">    
			
 
				+                <Menu.Item key="addCatigory">
			
 
				+                    <Link to="/addCategory">
			
 
				+                        <Icon type="plus" />
			
 
				+                        <span >Добавить категорию</span>
			
 
				+                    </Link>
			
 
				+                </Menu.Item>
			
 
				+            </Menu>
			
 
				+            }
			
 
				+             
			
 
				+            else{
			
 
				+                data =[];
			
 
				+            }
			
 
				+
			
 
				+        return (
			
 
				+            <div>
			
 
				+                <Layout style={{ minHeight: '100vh' }}>
			
 
				+                    <Sider collapsible
			
 
				+                        collapsed={this.state.collapsed}
			
 
				+                        onCollapse={this.onCollapse}
			
 
				+                    >
			
 
				+                        {data}                        
			
 
				+                        <DrawCategory allCategory={allCategory} 
			
 
				+                            mainCategory={mainCategory}  
			
 
				+                        />  
			
 
				+                    </Sider>
			
 
				+                </Layout>
			
 
				+            </div>
			
 
				+        );
			
 
				+    }
			
 
				+}
			
 
				+
			
 
				+export default LeftMenu;
			
--- a/src/components/Modal/addNewStaffModal.js
+++ b/src/components/Modal/addNewStaffModal.js
@@ -0,0 +1,15 @@
 
				+import React, { Component } from "react";
			
 
				+import { Modal } from "antd";
			
 
				+
			
 
				+export default class EditModal extends Component {
			
 
				+	render() {
			
 
				+		
			
 
				+		
			
 
				+		const { visible, onOk, onCancel, error, str } = this.props;
			
 
				+		  return (
			
 
				+			<Modal title="" visible={visible} onCancel={onCancel} onOk={onOk}  >
			
 
				+					{error==="error" ? <h4>Не все поля были заполнены</h4> : <h4>{str}</h4>}
			
 
				+			</Modal>
			
 
				+		  );
			
 
				+	}
			
 
				+}
			
--- a/src/components/Modal/index.js
+++ b/src/components/Modal/index.js
@@ -0,0 +1,15 @@
 
				+import React, { Component } from "react";
			
 
				+import { Modal } from "antd";
			
 
				+
			
 
				+export default class EditModal extends Component {
			
 
				+
			
 
				+	render() {	
			
 
				+		const { visible, onOk, onCancel, str, inputData } = this.props;
			
 
				+		  return (
			
 
				+			<Modal title="" visible={visible} onCancel={onCancel} onOk={onOk}  >
			
 
				+			<h4>{inputData ? str: "Данные введены не верно"}</h4>
			
 
				+			</Modal>
			
 
				+		  );
			
 
				+	}
			
 
				+}
			
 
				+
			
--- a/src/components/SearchStaffsPage/SearchFullInfoStaff.js
+++ b/src/components/SearchStaffsPage/SearchFullInfoStaff.js
@@ -0,0 +1,66 @@
 
				+import React, { Component } from 'react';
			
 
				+import Loader from 'react-loader-spinner'
			
 
				+import { Carousel } from 'antd';
			
 
				+
			
 
				+class SearchFullInfoStaff extends Component {
			
 
				+    render() {
			
 
				+        
			
 
				+        const { fullInfoSearchData, isFetching } = this.props
			
 
				+        let arr = [];
			
 
				+        
			
 
				+
			
 
				+        fullInfoSearchData.map(el => {
			
 
				+            if (el.state) {
			
 
				+                let str1 = el.img.substr(29)
			
 
				+
			
 
				+                for (var i = 0, b = 24; i < str1.length; i = i + 25) {
			
 
				+                    arr.push({ newStr: str1.substr(i, b), state: el.state, defaultStr: el.img })
			
 
				+                }
			
 
				+            } else {
			
 
				+                arr.push({ state: el.state, defaultStr: el.img })
			
 
				+            }
			
 
				+
			
 
				+        })
			
 
				+        let data1
			
 
				+        let data;
			
 
				+        if (isFetching === true) {
			
 
				+            data = <div className="loader">
			
 
				+                <Loader type="Triangle"
			
 
				+                    color="#FD7F71"
			
 
				+                    height="100"
			
 
				+                    width="100"
			
 
				+                />
			
 
				+            </div>
			
 
				+        } else {
			
 
				+            data = fullInfoSearchData.map((el, key) => <div className="divCenter">
			
 
				+                <div className="flex-around">
			
 
				+                    <p><b>Название: </b>{el.title} </p>
			
 
				+                    <p><b>Цена: </b>{el.price}</p>
			
 
				+                    <p><b>Описание: </b>{el.description}</p>
			
 
				+                    <p><b>Контактное лицо: </b>{el.user.name}</p> 
			
 
				+                    <p><b>Номер телефона: </b>{el.user.phone}</p>
			
 
				+                </div>
			
 
				+            </div>
			
 
				+            )
			
 
				+            data1 = <div className="carusel">
			
 
				+                <Carousel effect="fade">
			
 
				+                    {arr.map(el => <div>
			
 
				+                        {el.state ? <img src={`http://127.0.0.1:2000/static/${el.newStr}`} className="fullImgStaff" alt="lorem" /> :
			
 
				+                            <img src={`${el.defaultStr}`} width="325" height="190" className="imgStaff" alt="lorem" />}
			
 
				+                    </div>)}
			
 
				+                </Carousel>
			
 
				+            </div>
			
 
				+        }
			
 
				+
			
 
				+
			
 
				+        return (
			
 
				+
			
 
				+            <div className="staffinfo" >
			
 
				+                {data1}
			
 
				+                {data}
			
 
				+            </div>
			
 
				+        );
			
 
				+    }
			
 
				+}
			
 
				+
			
 
				+export default SearchFullInfoStaff;
			
--- a/src/components/SearchStaffsPage/index.js
+++ b/src/components/SearchStaffsPage/index.js
@@ -0,0 +1,47 @@
 
				+import React, { Component } from 'react';
			
 
				+import { Link } from "react-router-dom";
			
 
				+import Loader from 'react-loader-spinner'
			
 
				+
			
 
				+class searchStaffs extends Component {
			
 
				+    render() {
			
 
				+        
			
 
				+        const {searchData, isFetching } = this.props
			
 
				+            
			
 
				+        let data;
			
 
				+            if(isFetching===true){
			
 
				+                data = <div className="loader"> 
			
 
				+                <Loader type="Triangle"
			
 
				+                    color="#FD7F71"
			
 
				+                    height="100"	
			
 
				+                    width="100"
			
 
				+                /> 
			
 
				+            </div> 
			
 
				+            }
			
 
				+            else{
			
 
				+                data = <div className="staffs">
			
 
				+                      {searchData.map((el,key)=>(
			
 
				+                      <Link to={`/search/Staff/${el.id}`}  key={key}>
			
 
				+                      <div className="staff">
			
 
				+                      {el.state ?  <img src={el.img.substr(0,53)} width="325" height="190" className="imgStaff"  alt="lorem" /> : <img src={el.img} width="325" height="190" className="imgStaff"  alt="lorem" />}
			
 
				+                          <div className="titlleAndPrice">
			
 
				+                              <h4>{el.title}</h4>
			
 
				+                              <h4>Цена: {el.price}</h4>
			
 
				+                          </div>
			
 
				+                      </div>
			
 
				+                      </Link>
			
 
				+                                                )
			
 
				+                                    )}
			
 
				+                      </div>
			
 
				+            }
			
 
				+        return (
			
 
				+            <div>
			
 
				+                
			
 
				+               {data} 
			
 
				+                 
			
 
				+            </div>
			
 
				+        );
			
 
				+    }
			
 
				+}
			
 
				+
			
 
				+
			
 
				+export default searchStaffs;
			
--- a/src/components/privateRouterComponents/addCategoryIfAdmin.js
+++ b/src/components/privateRouterComponents/addCategoryIfAdmin.js
@@ -0,0 +1,29 @@
 
				+import React, { Component } from 'react';
			
 
				+
			
 
				+
			
 
				+import { Menu, Icon } from 'antd';
			
 
				+import { Link } from "react-router-dom";
			
 
				+
			
 
				+
			
 
				+
			
 
				+
			
 
				+
			
 
				+class addCategoryIfAdmin extends Component {
			
 
				+    render() {
			
 
				+        return (
			
 
				+            <div>
			
 
				+                <Menu key="addCatigory1" theme="dark" defaultSelectedKeys={['1']} mode="inline">    
			
 
				+                            <Menu.Item key="addCatigory">
			
 
				+                                <Link to="/addCategory">
			
 
				+                                    <Icon type="plus" />
			
 
				+                                    <span >Добавить категорию</span>
			
 
				+                                </Link>
			
 
				+                            </Menu.Item>
			
 
				+                        </Menu>          
			
 
				+            </div>
			
 
				+        );
			
 
				+    }
			
 
				+}
			
 
				+
			
 
				+export default addCategoryIfAdmin;
			
 
				+ 
			
--- a/src/components/usersProtectPage/PrivateRoute.js
+++ b/src/components/usersProtectPage/PrivateRoute.js
@@ -0,0 +1,20 @@
 
				+import React from 'react';
			
 
				+
			
 
				+import { Route } from "react-router-dom";
			
 
				+
			
 
				+export default ({ component: Component, data, params, ...rest }) => (
			
 
				+    <Route
			
 
				+        {...rest}
			
 
				+
			
 
				+        render= {props =>{
			
 
				+            
			
 
				+            return <Component {...data}  {...props}  />
			
 
				+
			
 
				+        }}
			
 
				+    />
			
 
				+
			
 
				+)
			
 
				+
			
 
				+
			
 
				+
			
 
				+
			
--- a/src/components/usersProtectPage/index.js
+++ b/src/components/usersProtectPage/index.js
@@ -0,0 +1,16 @@
 
				+import React, { Component } from 'react';
			
 
				+import { throws } from 'assert';
			
 
				+
			
 
				+class UsersProtect extends Component {
			
 
				+    render() {
			
 
				+        
			
 
				+       const { id, name, email } = this.props
			
 
				+        return (
			
 
				+            <div>
			
 
				+               { name } 
			
 
				+            </div>
			
 
				+        );
			
 
				+    }
			
 
				+}
			
 
				+
			
 
				+export default UsersProtect;
			
--- a/src/constants/actionTypes.js
+++ b/src/constants/actionTypes.js
@@ -0,0 +1,84 @@
 
				+// export const GET_INFO_SEARCH_STAFF_DATA = "GET_INFO_SEARCH_STAFF_DATA"
			
 
				+
			
 
				+//modalWindow
			
 
				+    export const CLOSE_MODAL_WINDOW = "CLOSE_MODAL_WINDOW";
			
 
				+
			
 
				+//Category
			
 
				+    //categoryAction    
			
 
				+    export const CATEGORY_REQUEST = "CATEGORY_REQUEST";
			
 
				+    export const CATEGORY_REQUEST_SUCCESS = "CATEGORY_REQUEST_SUCCESS";
			
 
				+    export const CATEGORY_REQUEST_FAIL = "CATEGORY_REQUEST_FAIL";
			
 
				+    export const POD_CATEGORY = "POD_CATEGORY";
			
 
				+
			
 
				+    //addNewCategoryAction
			
 
				+    export const ADD_NEW_CATEGORY_REQUEST = "ADD_NEW_CATEGORY_REQUEST";
			
 
				+    export const ADD_NEW_CATEGORY_REQUEST_SUCCESS = "ADD_NEW_CATEGORY_REQUEST_SUCCESS";
			
 
				+    export const ADD_NEW_CATEGORY_REQUEST_FAIL = "ADD_NEW_CATEGORY_REQUEST_FAIL";
			
 
				+
			
 
				+    //getStaffByCategoryIdAction
			
 
				+    export const CATEGORY_REQUEST_BY_ID = "CATEGORY_REQUEST_BY_ID";
			
 
				+    export const CATEGORY_REQUEST_SUCCESS_BY_ID = "CATEGORY_REQUEST_SUCCESS_BY_ID";
			
 
				+    export const CATEGORY_REQUEST_FAIL_BY_ID = "CATEGORY_REQUEST_FAIL_BY_ID";
			
 
				+
			
 
				+//Staff
			
 
				+    //staffAction
			
 
				+    export const GET_STAFF_INFO_DATA = "GET_STAFF_INFO_DATA";
			
 
				+    export const STAFF_REQUEST = "STAFF_REQUEST";
			
 
				+    export const STAFF_REQUEST_SUCCESS = "STAFF_REQUEST_SUCCESS";
			
 
				+    export const STAFF_REQUEST_FAIL = "STAFF_REQUEST_FAIL";
			
 
				+
			
 
				+    //addNewStaffAction
			
 
				+    export const ADD_NEW_STAFF_REQUEST = "ADD_NEW_STAFF_REQUEST";
			
 
				+    export const ADD_NEW_STAFF_REQUEST_SUCCESS = "ADD_NEW_STAFF_REQUEST_SUCCESS";
			
 
				+    export const ADD_NEW_STAFF_REQUEST_FAIL = "ADD_NEW_STAFF_REQUEST_FAIL";
			
 
				+    export const PUSH_NEW_PHOTO_REQUEST = "PUSH_NEW_PHOTO_REQUEST";
			
 
				+    export const PUSH_NEW_PHOTO_REQUEST_SUCCESS = "PUSH_NEW_PHOTO_REQUEST_SUCCESS";
			
 
				+    export const PUSH_NEW_PHOTO_REQUEST_FAIL = "PUSH_NEW_PHOTO_REQUEST_FAIL";
			
 
				+    export const BASE_64_REQUEST = "BASE_64_REQUEST";
			
 
				+    export const BASE1_64_REQUEST = "BASE1_64_REQUEST";
			
 
				+    export const BASE2_64_REQUEST = "BASE2_64_REQUEST";
			
 
				+    export const BASE3_64_REQUEST = "BASE3_64_REQUEST";
			
 
				+    //addNewStaffAction(PUT)
			
 
				+    export const INPUT_CHANGE_VALUE = "INPUT_CHANGE_VALUE";
			
 
				+    export const INPUT_CHANGE_VALUE1 = "INPUT_CHANGE_VALUE1";
			
 
				+    export const INPUT_CHANGE_VALUE2 = "INPUT_CHANGE_VALUE2";
			
 
				+    export const INPUT_CHANGE_VALUE3 = "INPUT_CHANGE_VALUE3";
			
 
				+    export const EDIT_STAFF_REQUEST = "EDIT_STAFF_REQUEST";
			
 
				+    export const EDIT_STAFF_REQUEST_SUCCESS = "EDIT_STAFF_REQUEST_SUCCESS";
			
 
				+    export const EDIT_STAFF_REQUEST_FAIL = "EDIT_STAFF_REQUEST_FAIL";
			
 
				+
			
 
				+    //searchStaffAction
			
 
				+    export const CHANGE_INPUT_VALUE = "CHANGE_INPUT_VALUE";
			
 
				+    export const SEARCH_STAFF_REQUEST = "SEARCH_STAFF_REQUEST";
			
 
				+    export const SEARCH_STAFF_REQUEST_SUCCESS = "SEARCH_STAFF_REQUEST_SUCCESS";
			
 
				+    export const SEARCH_STAFF_REQUEST_FAIL = "SEARCH_STAFF_REQUEST_FAIL";
			
 
				+
			
 
				+    //getStaffByIdAction
			
 
				+    export const STAFF_REQUEST_BY_ID = "STAFF_REQUEST_BY_ID";
			
 
				+    export const STAFF_REQUEST_SUCCESS_BY_ID = "STAFF_REQUEST_SUCCESS_BY_ID";
			
 
				+    export const STAFF_REQUEST_FAIL_BY_ID = "STAFF_REQUEST_FAIL_BY_ID";
			
 
				+
			
 
				+    //searchStaffByIdAction
			
 
				+    export const SEARCH_STAFF_REQUEST_BY_ID = "SEARCH_STAFF_REQUEST_BY_ID";
			
 
				+    export const SEARCH_STAFF_REQUEST_SUCCESS_BY_ID = "SEARCH_STAFF_REQUEST_SUCCESS_BY_ID";
			
 
				+    export const SEARCH_STAFF_REQUEST_FAIL_BY_ID = "SEARCH_STAFF_REQUEST_FAIL_BY_ID";
			
 
				+
			
 
				+//User
			
 
				+    //usersAuthAction
			
 
				+    export const USER_AUTH_REQUEST = "USER_AUTH_REQUEST";
			
 
				+    export const USER_AUTH_REQUEST_SUCCESS = "USER_AUTH_REQUEST_SUCCESS";
			
 
				+    export const USER_AUTH_REQUEST_FAIL = "USER_AUTH_REQUEST_FAIL";
			
 
				+    
			
 
				+    //usersRegistrAction
			
 
				+    export const USER_REG_REQUEST = "USER_REG_REQUEST";
			
 
				+    export const USER_REG_REQUEST_SUCCESS = "USER_REG_REQUEST_SUCCESS";
			
 
				+    export const USER_REG_REQUEST_FAIL = "USER_REG_REQUEST_FAIL";
			
 
				+
			
 
				+    //getUsersById
			
 
				+    export const USER_AUTH_REQUEST_BY_ID = "USER_AUTH_REQUEST_BY_ID";
			
 
				+    export const USER_AUTH_REQUEST_SUCCESS_BY_ID = "USER_AUTH_REQUEST_SUCCESS_BY_ID";
			
 
				+    export const USER_AUTH_REQUEST_FAIL_BY_ID = "USER_AUTH_REQUEST_FAIL_BY_ID";
			
 
				+    export const GET_PARAMS = "GET_PARAMS";
			
 
				+
			
 
				+
			
 
				+    export const DELETE_STAFF = "DELETE_STAFF"
			
--- a/src/container/AddNewCategory.js
+++ b/src/container/AddNewCategory.js
@@ -0,0 +1,52 @@
 
				+import React, { Component } from 'react';
			
 
				+
			
 
				+import { connect } from 'react-redux';
			
 
				+import * as actions from '../actions/addNewCategoryAction';
			
 
				+
			
 
				+import { bindActionCreators } from 'redux';
			
 
				+
			
 
				+import FormAddNewCategory from '../components/FormsAdd/FormAddNewCategory';
			
 
				+import EditModal from '../components/Modal/addNewStaffModal';
			
 
				+
			
 
				+
			
 
				+class AddNewCategory extends Component {
			
 
				+
			
 
				+    closeEditModal = () => {
			
 
				+        const { closeModal } = this.props;
			
 
				+        closeModal();
			
 
				+    }
			
 
				+
			
 
				+    render() {
			
 
				+        const { AddNewCategory, isFetching, showModal, error } = this.props
			
 
				+        const str = "Не все поля были заполнены или заполнены не верно"
			
 
				+        return(
			
 
				+            <div>
			
 
				+                <div>
			
 
				+                    <FormAddNewCategory AddNewCategory={AddNewCategory}
			
 
				+                        isFetching={isFetching}
			
 
				+                    /> 
			
 
				+                </div>
			
 
				+                <EditModal visible={showModal}
			
 
				+                    onOk={this.closeEditModal}
			
 
				+                    onCancel={this.closeEditModal}
			
 
				+                    error={error}
			
 
				+                    str={ str }
			
 
				+                />
			
 
				+            </div>      
			
 
				+        )
			
 
				+    }
			
 
				+}
			
 
				+
			
 
				+const mapStateToProps = state =>({
			
 
				+    categoryData: state.addCategory.categoryData,
			
 
				+    isFetching: state.addCategory.isFetching,
			
 
				+    showModal: state.addCategory.showModal,
			
 
				+    error: state.addCategory.error
			
 
				+})
			
 
				+
			
 
				+const mapDispatchToProps = dispatch => bindActionCreators({ ...actions }, dispatch);
			
 
				+
			
 
				+export default AddNewCategory = connect(
			
 
				+    mapStateToProps,
			
 
				+    mapDispatchToProps
			
 
				+)(AddNewCategory);
			
--- a/src/container/AddNewStaff.js
+++ b/src/container/AddNewStaff.js
@@ -0,0 +1,75 @@
 
				+import React, { Component, Fragment } from 'react';
			
 
				+
			
 
				+import { connect } from 'react-redux';
			
 
				+import { AddNewStaffAction, closeModal, pushPhoto, base64, base641, base642, base643 } from "../actions/addNewStaffAction";
			
 
				+
			
 
				+import { getUsersDataById } from "../actions/getUserById"
			
 
				+
			
 
				+import { bindActionCreators } from "redux";
			
 
				+
			
 
				+import FormAddNewStaff from '../components/FormsAdd/FormAddNewStaff';
			
 
				+import EditModal from "../components/Modal/addNewStaffModal";
			
 
				+
			
 
				+class AddNewStaff extends Component {
			
 
				+    componentDidMount() {
			
 
				+
			
 
				+        const { getUsersDataById } = this.props
			
 
				+              let localS = JSON.parse(localStorage.getItem("login"));
			
 
				+                if(localS===null){
			
 
				+                }
			
 
				+                else{
			
 
				+                    getUsersDataById(localS)
			
 
				+                }
			
 
				+              
			
 
				+    }
			
 
				+    closeEditModal = () => {
			
 
				+        const { closeModal } = this.props;
			
 
				+        closeModal();
			
 
				+    }
			
 
				+    render() {
			
 
				+        const { showModal, error } = this.props
			
 
				+        const str = "Ваше объявление успешно добавлено"
			
 
				+        return (
			
 
				+
			
 
				+            <Fragment>
			
 
				+                <Fragment>
			
 
				+                    <FormAddNewStaff {...this.props}
			
 
				+
			
 
				+                    />
			
 
				+                </Fragment>
			
 
				+                <EditModal visible={showModal}
			
 
				+                    onOk={this.closeEditModal}
			
 
				+                    onCancel={this.closeEditModal}
			
 
				+                    error={error}
			
 
				+                    str={ str }
			
 
				+                />
			
 
				+            </Fragment>
			
 
				+
			
 
				+        );
			
 
				+    }
			
 
				+}
			
 
				+
			
 
				+
			
 
				+const mapStateToProps = state => ({
			
 
				+    staffData: state.addStaff.staffData,
			
 
				+    photo: state.addStaff.photo,
			
 
				+    isFetching: state.addStaff.isFetching,
			
 
				+    showModal: state.addStaff.showModal,
			
 
				+    error: state.addStaff.error,
			
 
				+    getUser: state.getUserById.getUser,
			
 
				+    base64Photo: state.addStaff.base64Photo,
			
 
				+    base64Photo1: state.addStaff.base64Photo1,
			
 
				+    base64Photo2: state.addStaff.base64Photo2,
			
 
				+    base64Photo3: state.addStaff.base64Photo3,
			
 
				+    addOrnot: state.addStaff.addOrnot,
			
 
				+    addOrnot1: state.addStaff.addOrnot1,
			
 
				+    addOrnot2: state.addStaff.addOrnot2,
			
 
				+    addOrnot3: state.addStaff.addOrnot3
			
 
				+});
			
 
				+
			
 
				+const mapDispatchToProps = dispatch => bindActionCreators({ AddNewStaffAction, getUsersDataById, closeModal, pushPhoto, base64, base641, base642,base643 }, dispatch);
			
 
				+
			
 
				+export default AddNewStaff = connect(
			
 
				+    mapStateToProps,
			
 
				+    mapDispatchToProps
			
 
				+)(AddNewStaff);
			
--- a/src/container/CategoryStaffInfo.js
+++ b/src/container/CategoryStaffInfo.js
@@ -0,0 +1,71 @@
 
				+import React, { Component, Fragment } from 'react';
			
 
				+import { connect} from 'react-redux';
			
 
				+import { getCategorysDataById } from "../actions/getStaffByCategoryIdAction";
			
 
				+import { getUsersDataById } from "../actions/getUserById"
			
 
				+import { bindActionCreators } from "redux";
			
 
				+
			
 
				+import CategoryStaffs from '../components/CategoryStaffs'
			
 
				+import LeftMenu from '../container/LeftMenu'
			
 
				+import Header from '../container/Header'
			
 
				+
			
 
				+class CategoryStaffInfo extends Component {
			
 
				+    
			
 
				+    componentDidMount(){
			
 
				+        const { getCategorysDataById, match, getUsersDataById } = this.props
			
 
				+        getCategorysDataById(match.params.id)
			
 
				+       
			
 
				+        //getStaffsDataById(match.params.id)
			
 
				+        let localS = JSON.parse(localStorage.getItem("login"));
			
 
				+            if(localS===null){
			
 
				+
			
 
				+            }
			
 
				+            else{
			
 
				+                getUsersDataById(localS)
			
 
				+            }
			
 
				+        
			
 
				+    }
			
 
				+
			
 
				+    componentDidUpdate(prevProps){
			
 
				+        const { getCategorysDataById, match } = this.props
			
 
				+        if(prevProps.match.params.id !==match.params.id ){
			
 
				+            getCategorysDataById(match.params.id)
			
 
				+        }
			
 
				+    }
			
 
				+
			
 
				+    render() {
			
 
				+        const { getUser } = this.props
			
 
				+        const {  infoCategory, isFetching  } = this.props
			
 
				+        console.log(this.props)
			
 
				+        
			
 
				+       
			
 
				+        return (
			
 
				+
			
 
				+            <Fragment>
			
 
				+  
			
 
				+            
			
 
				+                <Header  getUser={ getUser }/>
			
 
				+                <div className="menuAndContent">
			
 
				+                    <LeftMenu  getUser={ getUser }/>
			
 
				+                    <CategoryStaffs infoCategory={infoCategory} isFetching={isFetching}  getUser={ getUser }  />
			
 
				+
			
 
				+                </div>
			
 
				+            </Fragment>
			
 
				+        );
			
 
				+    }
			
 
				+}
			
 
				+
			
 
				+const mapStateToProps = state => ({
			
 
				+
			
 
				+    infoCategory: state.categoryById.infoCategory,
			
 
				+    isFetching: state.categoryById.isFetching,
			
 
				+    trigger: state.categoryById.trigger,
			
 
				+    getUser: state.getUserById.getUser,
			
 
				+
			
 
				+  });
			
 
				+  
			
 
				+  const mapDispatchToProps = dispatch => bindActionCreators({ getCategorysDataById, getUsersDataById }, dispatch);
			
 
				+  
			
 
				+  export default CategoryStaffInfo = connect(
			
 
				+        mapStateToProps,
			
 
				+        mapDispatchToProps
			
 
				+  )(CategoryStaffInfo);
			
--- a/src/container/Header.js
+++ b/src/container/Header.js
@@ -0,0 +1,42 @@
 
				+import React, { Component } from 'react';
			
 
				+import HeaderLogo from '../components/Header/logo'
			
 
				+import SearchLine from '../components/Header/searchLine'
			
 
				+import Myprofile from '../components/Header/Myprofile'
			
 
				+import 'antd/dist/antd.css';
			
 
				+
			
 
				+import { connect } from 'react-redux';
			
 
				+import * as actions from "../actions/searchStaffAction";
			
 
				+import { getUsersData } from '../actions/usersAuthActions'
			
 
				+import { bindActionCreators } from "redux";
			
 
				+
			
 
				+class Header extends Component {
			
 
				+
			
 
				+    render() {
			
 
				+        const { inputData, searchStaff, changeInputValue, name, getUser, id } = this.props
			
 
				+        return (
			
 
				+            <div className="header">
			
 
				+                <HeaderLogo />
			
 
				+                <SearchLine inputData={inputData}
			
 
				+                    searchStaff={searchStaff}
			
 
				+                    changeInputValue={changeInputValue}
			
 
				+                />
			
 
				+                <Myprofile name={name}
			
 
				+                    getUser={getUser}
			
 
				+                    id={id}
			
 
				+                />
			
 
				+            </div>
			
 
				+        );
			
 
				+    }
			
 
				+}
			
 
				+
			
 
				+const mapStateToProps = state => ({
			
 
				+    inputData: state.searchStaff.inputData,
			
 
				+    isFetching: state.searchStaff.isFetching,
			
 
				+});
			
 
				+
			
 
				+const mapDispatchToProps = dispatch => bindActionCreators({ ...actions, getUsersData }, dispatch);
			
 
				+
			
 
				+export default Header = connect(
			
 
				+    mapStateToProps,
			
 
				+    mapDispatchToProps
			
 
				+)(Header);
			
--- a/src/container/LeftMenu.js
+++ b/src/container/LeftMenu.js
@@ -0,0 +1,47 @@
 
				+import React, { Component, Fragment } from 'react';
			
 
				+import { connect } from 'react-redux';
			
 
				+import * as actions from "../actions/categoryAction";
			
 
				+import { bindActionCreators } from "redux";
			
 
				+
			
 
				+import CategoryMenu from '../components/LeftMenu';
			
 
				+
			
 
				+class LeftMenu extends Component {
			
 
				+
			
 
				+    componentDidMount() {
			
 
				+       
			
 
				+        this.props.getCategoriesData();
			
 
				+        
			
 
				+        // this.props.getAllCategory()
			
 
				+       
			
 
				+    }
			
 
				+
			
 
				+    render() {
			
 
				+        
			
 
				+        const { allCategory, mainCategory, podCategory, isAdmin, getUser } = this.props
			
 
				+        
			
 
				+        return (
			
 
				+            <Fragment>
			
 
				+                <CategoryMenu allCategory={allCategory.data} 
			
 
				+                    mainCategory={mainCategory} 
			
 
				+                    podCategory={podCategory}
			
 
				+                    isAdmin = { isAdmin }
			
 
				+                    getUser={ getUser } 
			
 
				+                    
			
 
				+                />
			
 
				+            </Fragment>
			
 
				+        );
			
 
				+    }
			
 
				+}
			
 
				+
			
 
				+const mapStateToProps = state => ({
			
 
				+    allCategory: state.category.allCategory,
			
 
				+    mainCategory: state.category.mainCategory,
			
 
				+    isFetching: state.category.isFetching,
			
 
				+});
			
 
				+
			
 
				+const mapDispatchToProps = dispatch => bindActionCreators({ ...actions }, dispatch);
			
 
				+
			
 
				+export default LeftMenu = connect(
			
 
				+    mapStateToProps,
			
 
				+    mapDispatchToProps
			
 
				+)(LeftMenu);
			
--- a/src/container/MainPage.js
+++ b/src/container/MainPage.js
@@ -0,0 +1,65 @@
 
				+import React, { Component, Fragment } from 'react';
			
 
				+import { connect } from 'react-redux';
			
 
				+
			
 
				+import { getStaffsData } from "../actions/staffsAction";
			
 
				+
			
 
				+import { getUsersDataById } from "../actions/getUserById"
			
 
				+
			
 
				+import { bindActionCreators } from "redux";
			
 
				+
			
 
				+import Header from '../container/Header'
			
 
				+import LeftMenu from '../container/LeftMenu'
			
 
				+import AllStaffs from "../components/AllStaffs"
			
 
				+
			
 
				+class MainPage extends Component {
			
 
				+   
			
 
				+    componentDidMount() {
			
 
				+        
			
 
				+        const { getStaffsData, getUsersDataById } = this.props
			
 
				+
			
 
				+        getStaffsData()
			
 
				+
			
 
				+        let localS = JSON.parse(localStorage.getItem("login"));
			
 
				+        if (localS === null) {
			
 
				+
			
 
				+        } else {
			
 
				+            getUsersDataById(localS)
			
 
				+        }
			
 
				+
			
 
				+    }
			
 
				+
			
 
				+    render() {
			
 
				+        const { inputStaffs, isFetching, getUser } = this.props
			
 
				+        const {  name, isAdmin, id } = this.props
			
 
				+        let arr = [];
			
 
				+        function compareNumeric(a, b) {
			
 
				+            if (a.price > b.price) return 1;
			
 
				+            if (a.price < b.price) return -1;
			
 
				+          }
			
 
				+          arr = inputStaffs.slice()
			
 
				+      arr.sort(compareNumeric);
			
 
				+        return (
			
 
				+            <Fragment>
			
 
				+                <Header name={ name } getUser={ getUser } id={ id }/>
			
 
				+                <div className="menuAndContent">
			
 
				+                    <LeftMenu isAdmin = {isAdmin} getUser={ getUser } />
			
 
				+                    <AllStaffs inputStaffs={inputStaffs} arr={arr} isFetching={isFetching} isAdmin = {isAdmin} getUser={ getUser } />
			
 
				+                </div>
			
 
				+            </Fragment>
			
 
				+        );
			
 
				+    }
			
 
				+}
			
 
				+
			
 
				+const mapStateToProps = state => ({
			
 
				+    inputStaffs: state.staffs.inputStaffs,
			
 
				+    isFetching: state.staffs.isFetching,
			
 
				+    getUser: state.getUserById.getUser,
			
 
				+    params: state.getUserById.params,
			
 
				+});
			
 
				+
			
 
				+const mapDispatchToProps = dispatch => bindActionCreators({ getStaffsData, getUsersDataById }, dispatch);
			
 
				+
			
 
				+export default MainPage = connect(
			
 
				+    mapStateToProps,
			
 
				+    mapDispatchToProps
			
 
				+)(MainPage);
			
--- a/src/container/MainPageStaffInfo.js
+++ b/src/container/MainPageStaffInfo.js
@@ -0,0 +1,54 @@
 
				+import React, { Component, Fragment } from 'react';
			
 
				+import { connect} from 'react-redux';
			
 
				+import {getStaffsDataById} from "../actions/getStaffByIdAction";
			
 
				+
			
 
				+import { getUsersDataById } from "../actions/getUserById"
			
 
				+
			
 
				+import { bindActionCreators } from "redux";
			
 
				+
			
 
				+import FullInfoAboutStaff from '../components/AllStaffs/FullInfoAboutStaff'
			
 
				+import LeftMenu from '../container/LeftMenu'
			
 
				+import Header from '../container/Header'
			
 
				+
			
 
				+class MainPageStaffInfo extends Component {
			
 
				+        componentDidMount(){
			
 
				+            const { getStaffsDataById, match, getUsersDataById } = this.props
			
 
				+            getStaffsDataById(match.params.id)
			
 
				+            let localS = JSON.parse(localStorage.getItem("login"));
			
 
				+                if(localS===null){
			
 
				+
			
 
				+                }
			
 
				+                else{
			
 
				+                    getUsersDataById(localS)
			
 
				+                }
			
 
				+        }
			
 
				+    render() {
			
 
				+            const { getUser } = this.props
			
 
				+        return (
			
 
				+            <Fragment>
			
 
				+
			
 
				+                <Header getUser={ getUser } />
			
 
				+                <div className="menuAndContent">
			
 
				+                    <LeftMenu getUser={ getUser }/>
			
 
				+                    <FullInfoAboutStaff {...this.props} />
			
 
				+                </div>
			
 
				+
			
 
				+            </Fragment>
			
 
				+        );
			
 
				+    }
			
 
				+}
			
 
				+
			
 
				+const mapStateToProps = state => ({
			
 
				+
			
 
				+    InfoStaff: state.staffById.infoStaffs,
			
 
				+    isFetching: state.staffById.isFetching,
			
 
				+    getUser: state.getUserById.getUser,
			
 
				+
			
 
				+  });
			
 
				+  
			
 
				+  const mapDispatchToProps = dispatch => bindActionCreators({ getUsersDataById, getStaffsDataById }, dispatch);
			
 
				+  
			
 
				+  export default MainPageStaffInfo = connect(
			
 
				+        mapStateToProps,
			
 
				+        mapDispatchToProps
			
 
				+  )(MainPageStaffInfo);
			
--- a/src/container/SearchStaff.js
+++ b/src/container/SearchStaff.js
@@ -0,0 +1,61 @@
 
				+import React, { Component, Fragment } from 'react';
			
 
				+
			
 
				+import { connect } from 'react-redux';
			
 
				+import { searchStaff } from "../actions/searchStaffAction";
			
 
				+
			
 
				+
			
 
				+import { getUsersDataById } from "../actions/getUserById"
			
 
				+
			
 
				+import { bindActionCreators } from "redux";
			
 
				+
			
 
				+
			
 
				+
			
 
				+import SearchStaffsPage from "../components/SearchStaffsPage"
			
 
				+import LeftMenu from '../container/LeftMenu'
			
 
				+import Header from '../container/Header'
			
 
				+
			
 
				+
			
 
				+
			
 
				+
			
 
				+class SearchStaff extends Component {
			
 
				+    componentDidMount() {
			
 
				+        const { searchStaff, match, getUsersDataById } = this.props
			
 
				+        searchStaff(match.params.title)
			
 
				+        let localS = JSON.parse(localStorage.getItem("login"));
			
 
				+        if (localS === null) {
			
 
				+
			
 
				+        }
			
 
				+        else {
			
 
				+            getUsersDataById(localS)
			
 
				+        }
			
 
				+    }
			
 
				+    render() {
			
 
				+        const { getUser } = this.props
			
 
				+
			
 
				+        console.log(this.props)
			
 
				+
			
 
				+        return ( 
			
 
				+          <Fragment>
			
 
				+          <Header  getUser={ getUser } />
			
 
				+          <div className="menuAndContent">
			
 
				+              <LeftMenu    getUser={ getUser }/>
			
 
				+              <SearchStaffsPage {...this.props} />
			
 
				+          </div>
			
 
				+          </Fragment>       
			
 
				+        );
			
 
				+    }
			
 
				+}
			
 
				+
			
 
				+
			
 
				+const mapStateToProps = state => ({
			
 
				+    searchData: state.searchStaff.searchData,
			
 
				+    isFetching: state.searchStaff.isFetching,
			
 
				+    getUser: state.getUserById.getUser,
			
 
				+});
			
 
				+
			
 
				+const mapDispatchToProps = dispatch => bindActionCreators({ searchStaff, getUsersDataById }, dispatch);
			
 
				+
			
 
				+export default SearchStaff = connect(
			
 
				+    mapStateToProps,
			
 
				+    mapDispatchToProps
			
 
				+)(SearchStaff);
			
--- a/src/container/SearchStaffsInfo.js
+++ b/src/container/SearchStaffsInfo.js
@@ -0,0 +1,52 @@
 
				+import React, { Component, Fragment } from 'react';
			
 
				+import { connect} from 'react-redux';
			
 
				+import {getSeacrhStaffsDataById} from "../actions/searchStaffByIdAction";
			
 
				+
			
 
				+import { getUsersDataById } from "../actions/getUserById"
			
 
				+
			
 
				+import { bindActionCreators } from "redux";
			
 
				+
			
 
				+import SearchFullInfoStaff from '../components/SearchStaffsPage/SearchFullInfoStaff'
			
 
				+import LeftMenu from '../container/LeftMenu'
			
 
				+import Header from '../container/Header'
			
 
				+
			
 
				+class SearchInfoStaffsInfo extends Component {
			
 
				+        componentDidMount(){
			
 
				+            const { getSeacrhStaffsDataById, match, getUsersDataById } = this.props
			
 
				+            getSeacrhStaffsDataById(match.params.id)
			
 
				+            let localS = JSON.parse(localStorage.getItem("login"));
			
 
				+            if(localS===null){
			
 
				+
			
 
				+            }
			
 
				+            else{
			
 
				+                getUsersDataById(localS)
			
 
				+            }
			
 
				+        }
			
 
				+    render() {
			
 
				+        const {  getUser } = this.props
			
 
				+        return (
			
 
				+            <Fragment>
			
 
				+                <Header getUser={ getUser } />
			
 
				+                <div className="menuAndContent">
			
 
				+                    <LeftMenu getUser={ getUser } />
			
 
				+                    <SearchFullInfoStaff {...this.props}/>
			
 
				+                </div>
			
 
				+            </Fragment>
			
 
				+        );
			
 
				+    }
			
 
				+}
			
 
				+
			
 
				+const mapStateToProps = state => ({
			
 
				+
			
 
				+    fullInfoSearchData: state.searchStaffById.fullInfoSearchData,
			
 
				+    isFetching: state.searchStaffById.isFetching,
			
 
				+    getUser: state.getUserById.getUser,
			
 
				+
			
 
				+  });
			
 
				+  
			
 
				+  const mapDispatchToProps = dispatch => bindActionCreators({ getSeacrhStaffsDataById, getUsersDataById }, dispatch);
			
 
				+  
			
 
				+  export default SearchInfoStaffsInfo = connect(
			
 
				+        mapStateToProps,
			
 
				+        mapDispatchToProps
			
 
				+  )(SearchInfoStaffsInfo);
			
--- a/src/container/UserProfile.js
+++ b/src/container/UserProfile.js
@@ -0,0 +1,79 @@
 
				+import React, { Component, Fragment } from 'react';
			
 
				+
			
 
				+import { Link } from "react-router-dom";
			
 
				+
			
 
				+import { connect } from 'react-redux';
			
 
				+
			
 
				+import { getUsersData } from "../actions/usersAuthActions";
			
 
				+
			
 
				+import { getUsersDataById } from "../actions/getUserById"
			
 
				+
			
 
				+import { getParams } from "../actions/getUserById"
			
 
				+
			
 
				+import { bindActionCreators } from "redux";
			
 
				+
			
 
				+import Header from '../container/Header'
			
 
				+
			
 
				+class UserProfile extends Component {
			
 
				+
			
 
				+    singOut = () => {
			
 
				+        const { getParams, match } = this.props
			
 
				+        localStorage.removeItem("login")
			
 
				+        getParams(match.params.id)
			
 
				+    }
			
 
				+
			
 
				+    componentDidMount() {
			
 
				+        const { getUsersDataById } = this.props
			
 
				+        console.log(this.props);
			
 
				+
			
 
				+
			
 
				+        let localS = JSON.parse(localStorage.getItem("login"));
			
 
				+        if (localS === null) {
			
 
				+
			
 
				+        }
			
 
				+        else {
			
 
				+            getUsersDataById(localS)
			
 
				+        }
			
 
				+    }
			
 
				+    render() {
			
 
				+
			
 
				+        const { getUser } = this.props
			
 
				+
			
 
				+        return (
			
 
				+
			
 
				+            <Fragment>
			
 
				+                <Header getUser={getUser} />
			
 
				+                <div className="menuAndContent">
			
 
				+                    <div className="profil">
			
 
				+                        <h2>{getUser.name}</h2>
			
 
				+                        <div className="profilData">
			
 
				+                            <p>{getUser.login}</p>
			
 
				+                            <p>{getUser.email}</p>
			
 
				+                            <p>{getUser.phone}</p>
			
 
				+                            <div className="buttonConteiner">
			
 
				+                                <Link to="/activeStaffs"><button className="profilLink">Активные Товары</button></Link>
			
 
				+                                <Link to="/"><button className="profilBtn" onClick={this.singOut}>Выход</button></Link>
			
 
				+                            </div>
			
 
				+                        </div>
			
 
				+                    </div>
			
 
				+
			
 
				+                </div>
			
 
				+            </Fragment>
			
 
				+
			
 
				+        );
			
 
				+    }
			
 
				+}
			
 
				+
			
 
				+
			
 
				+const mapStateToProps = state => ({
			
 
				+    inputData: state.usersAuth.inputData,
			
 
				+    getUser: state.getUserById.getUser,
			
 
				+
			
 
				+});
			
 
				+
			
 
				+const mapDispatchToProps = dispatch => bindActionCreators({ getUsersData, getUsersDataById, getParams }, dispatch);
			
 
				+
			
 
				+export default UserProfile = connect(
			
 
				+    mapStateToProps,
			
 
				+    mapDispatchToProps
			
 
				+)(UserProfile);
			
--- a/src/container/activeStaffs.js
+++ b/src/container/activeStaffs.js
@@ -0,0 +1,125 @@
 
				+import React, { Component } from 'react';
			
 
				+
			
 
				+import { getUsersDataById, deleteStaffById } from "../actions/getUserById"
			
 
				+
			
 
				+import { Link } from "react-router-dom";
			
 
				+import { Icon } from 'antd';
			
 
				+import { connect } from 'react-redux';
			
 
				+
			
 
				+import { bindActionCreators } from "redux";
			
 
				+
			
 
				+import Header from '../container/Header'
			
 
				+import { stat } from 'fs';
			
 
				+
			
 
				+
			
 
				+
			
 
				+class activeStaffs extends Component {
			
 
				+    componentDidUpdate(prevProps){   
			
 
				+        if(prevProps.del !== this.props.del){
			
 
				+            const { getUsersDataById } = this.props
			
 
				+
			
 
				+        let localS = JSON.parse(localStorage.getItem("login"));
			
 
				+        if (localS === null) {
			
 
				+
			
 
				+        }
			
 
				+        else {
			
 
				+            getUsersDataById(localS)
			
 
				+        }
			
 
				+        }
			
 
				+    }
			
 
				+    componentDidMount() {
			
 
				+        const { getUsersDataById } = this.props
			
 
				+
			
 
				+        let localS = JSON.parse(localStorage.getItem("login"));
			
 
				+        if (localS === null) {
			
 
				+
			
 
				+        }
			
 
				+        else {
			
 
				+            getUsersDataById(localS)
			
 
				+        }
			
 
				+    }
			
 
				+    deleteStaff = (id) => {
			
 
				+        const { deleteStaffById } = this.props
			
 
				+        var qs = require("querystring");
			
 
				+var http = require("http");
			
 
				+
			
 
				+var options = {
			
 
				+  "method": "DELETE",
			
 
				+  "hostname": [
			
 
				+   "127.0.0.1:2000/api/staffs"
			
 
				+  ],
			
 
				+  "headers": {
			
 
				+    "Content-Type": "application/x-www-form-urlencoded",
			
 
				+    "cache-control": "no-cache",
			
 
				+    "mode":'cors'
			
 
				+  }
			
 
				+};
			
 
				+
			
 
				+var req = http.request(options, function (res) {
			
 
				+  var chunks = [];
			
 
				+
			
 
				+  res.on("data", function (chunk) {
			
 
				+    chunks.push(chunk);
			
 
				+  });
			
 
				+
			
 
				+  res.on("end", function () {
			
 
				+    var body = Buffer.concat(chunks);
			
 
				+    deleteStaffById(body.toString());
			
 
				+  });
			
 
				+});
			
 
				+
			
 
				+req.write(qs.stringify({ id: `${id}`, undefined: undefined }));
			
 
				+req.end();
			
 
				+    }
			
 
				+    render() {
			
 
				+
			
 
				+        const { getUser } = this.props
			
 
				+        const { name, id, del } = this.props
			
 
				+        const { staffs } = getUser
			
 
				+        
			
 
				+        
			
 
				+        return (
			
 
				+            <div >
			
 
				+                <Header name={name} getUser={getUser} id={id} />
			
 
				+
			
 
				+                <div className="menuAndContent">
			
 
				+                    <div className="contentStaffs">
			
 
				+                        <div className="staffs">
			
 
				+                            {staffs !== undefined && staffs.reverse().map((el, key) => <div className="staff" key={key}>
			
 
				+                                {el.state ? <img src={el.img.substr(0, 53)} width="325" height="190" className="imgStaff" alt="lorem" /> : <img src={el.img} width="325" height="190" className="imgStaff" alt="lorem" />}
			
 
				+                                <div className="titlleAndPrice">
			
 
				+                                    <h4>{el.title}</h4>
			
 
				+                                    <h4>Цена: {el.price}</h4>
			
 
				+                                </div>
			
 
				+                                <div className="titlleAndPrice">
			
 
				+                                    <Link to={`/activeStaffs/${el.id}`} className="allMyStaff">
			
 
				+                                        <Icon type="edit" style={{ fontSize: '30px' }} />
			
 
				+                                    </Link>
			
 
				+                                    <button className="Exit" onClick={() => this.deleteStaff(el.id)} >
			
 
				+                                        <Icon type="delete" style={{ fontSize: '30px' }} />
			
 
				+                                    </button>
			
 
				+                                </div>
			
 
				+                            </div>
			
 
				+                            )}
			
 
				+                        </div>
			
 
				+                    </div>
			
 
				+                </div>
			
 
				+
			
 
				+            </div>
			
 
				+        );
			
 
				+    }
			
 
				+}
			
 
				+
			
 
				+const mapStateToProps = state => ({
			
 
				+    getUser: state.getUserById.getUser,
			
 
				+    params: state.getUserById.params,
			
 
				+    del: state.getUserById.del
			
 
				+
			
 
				+});
			
 
				+
			
 
				+const mapDispatchToProps = dispatch => bindActionCreators({ getUsersDataById, deleteStaffById }, dispatch);
			
 
				+
			
 
				+export default activeStaffs = connect(
			
 
				+    mapStateToProps,
			
 
				+    mapDispatchToProps
			
 
				+)(activeStaffs);
			
--- a/src/container/redactorForm.js
+++ b/src/container/redactorForm.js
@@ -0,0 +1,88 @@
 
				+import React, { Component, Fragment } from 'react';
			
 
				+import { connect } from 'react-redux';
			
 
				+import { bindActionCreators } from "redux";
			
 
				+
			
 
				+import { getUsersDataById } from "../actions/getUserById"
			
 
				+import { getCategoriesData } from '../actions/categoryAction';
			
 
				+import { getStaffsDataById } from "../actions/getStaffByIdAction"
			
 
				+import {  inputchangeHandler, inputchangeHandler1, inputchangeHandler2, inputchangeHandler3, EditStaffAction, closeModal, pushPhoto, base64, base641, base642, base643 } from "../actions/addNewStaffAction"; 
			
 
				+
			
 
				+import FormRedactorStaff from '../components/FormsAdd/redForm'
			
 
				+import EditModal from "../components/Modal/addNewStaffModal";
			
 
				+
			
 
				+class redactorForm extends Component {
			
 
				+    // componentDidUpdate(prevProps){
			
 
				+    //     const {getStaffsDataById, match } = this.props
			
 
				+    //     console.log(prevProps, this.props)
			
 
				+        
			
 
				+    // }
			
 
				+    componentDidMount(){
			
 
				+        const { getStaffsDataById, match, getUsersDataById } = this.props
			
 
				+        getStaffsDataById(match.params.id)
			
 
				+            this.props.getCategoriesData();
			
 
				+            let localS = JSON.parse(localStorage.getItem("login"));
			
 
				+        if(localS===null){
			
 
				+        }
			
 
				+        else{
			
 
				+            getUsersDataById(localS)
			
 
				+        }     
			
 
				+
			
 
				+    }
			
 
				+    closeEditModal = () => {
			
 
				+        const { closeModal } = this.props;
			
 
				+        closeModal();
			
 
				+    }
			
 
				+    render() {
			
 
				+        const { allCategory } = this.props
			
 
				+        const str = "Объявление успешно отредактировано"
			
 
				+        let data; 
			
 
				+        if (allCategory.data===undefined){
			
 
				+            data = []
			
 
				+        }
			
 
				+        else{ 
			
 
				+            data = <Fragment>
			
 
				+            <FormRedactorStaff {...this.props}/>  
			
 
				+            <EditModal visible={this.props.showModal}
			
 
				+            onOk={this.closeEditModal}
			
 
				+            onCancel={this.closeEditModal}
			
 
				+ 
			
 
				+            str={ str }   
			
 
				+        /> 
			
 
				+                </Fragment>
			
 
				+        }
			
 
				+       
			
 
				+        return (
			
 
				+            <div>
			
 
				+              {data}  
			
 
				+            </div>
			
 
				+        );
			
 
				+    }
			
 
				+}
			
 
				+
			
 
				+const mapStateToProps = state => ({
			
 
				+    allCategory: state.category.allCategory,
			
 
				+    InfoStaff: state.staffById.infoStaffs,
			
 
				+    isFetching: state.staffById.isFetching,
			
 
				+    getUser: state.getUserById.getUser,
			
 
				+    photo: state.addStaff.photo,
			
 
				+    inputData: state.addStaff.inputData,
			
 
				+    inputData1: state.addStaff.inputData1,
			
 
				+    inputData2: state.addStaff.inputData2,
			
 
				+    inputData3: state.addStaff.inputData3,
			
 
				+    showModal: state.addStaff.showModal,
			
 
				+    base64Photo: state.addStaff.base64Photo,
			
 
				+    base64Photo1: state.addStaff.base64Photo1,
			
 
				+    base64Photo2: state.addStaff.base64Photo2,
			
 
				+    base64Photo3: state.addStaff.base64Photo3,
			
 
				+    addOrnot: state.addStaff.addOrnot,
			
 
				+    addOrnot1: state.addStaff.addOrnot1,
			
 
				+    addOrnot2: state.addStaff.addOrnot2,
			
 
				+    addOrnot3: state.addStaff.addOrnot3
			
 
				+  });
			
 
				+  
			
 
				+  const mapDispatchToProps = dispatch => bindActionCreators({ base64, base641, base642, base643, closeModal, getUsersDataById, getStaffsDataById, getCategoriesData, pushPhoto, inputchangeHandler, inputchangeHandler1, inputchangeHandler2, inputchangeHandler3, EditStaffAction }, dispatch);
			
 
				+  
			
 
				+  export default redactorForm = connect(
			
 
				+        mapStateToProps,
			
 
				+        mapDispatchToProps
			
 
				+  )(redactorForm);
			
--- a/src/container/renderAuthorisation.js
+++ b/src/container/renderAuthorisation.js
@@ -0,0 +1,50 @@
 
				+import React, { Component, Fragment } from "react";
			
 
				+import { bindActionCreators } from "redux";
			
 
				+import { connect} from 'react-redux';
			
 
				+
			
 
				+import Form from "../components/Auth/authorisation";
			
 
				+
			
 
				+import LinkHome from "../components/Btn/linkHome"
			
 
				+
			
 
				+import { getUsersData, closeModal } from "../actions/usersAuthActions";
			
 
				+
			
 
				+
			
 
				+import EditModal from "../components/Modal";
			
 
				+
			
 
				+class RenderAuthorisation extends Component { 
			
 
				+  closeEditModal = () => {
			
 
				+    const { closeModal } = this.props;
			
 
				+    closeModal();
			
 
				+}     
			
 
				+    render() {
			
 
				+      const { showModal, inputData } = this.props
			
 
				+      const str = "Данные введены верно";
			
 
				+     
			
 
				+      return (
			
 
				+        <Fragment>
			
 
				+          <LinkHome />
			
 
				+          <Form {...this.props} /> 
			
 
				+          <EditModal visible={showModal}
			
 
				+                    onOk={this.closeEditModal}
			
 
				+                    onCancel={this.closeEditModal}
			
 
				+                    str={ str }
			
 
				+                    inputData={ inputData }
			
 
				+                />
			
 
				+        </Fragment>       
			
 
				+
			
 
				+      );
			
 
				+    }
			
 
				+}
			
 
				+
			
 
				+
			
 
				+const mapStateToProps = state => ({
			
 
				+  inputData: state.usersAuth.inputData,
			
 
				+  showModal: state.usersAuth.showModal
			
 
				+});
			
 
				+
			
 
				+const mapDispatchToProps = dispatch => bindActionCreators({ getUsersData, closeModal }, dispatch);
			
 
				+
			
 
				+export default RenderAuthorisation = connect(
			
 
				+  mapStateToProps,
			
 
				+  mapDispatchToProps
			
 
				+)(RenderAuthorisation);
			
--- a/src/container/renderRegistration.js
+++ b/src/container/renderRegistration.js
@@ -0,0 +1,44 @@
 
				+import React, { Component } from "react";
			
 
				+import { bindActionCreators } from "redux";
			
 
				+import { connect } from 'react-redux';
			
 
				+
			
 
				+
			
 
				+import { postUsersData, closeModal } from "../actions/usersRegistrActions";
			
 
				+import EditModal from "../components/Modal";
			
 
				+import RegistrForm from "../components/Auth/registration";
			
 
				+import LinkHome from "../components/Btn/linkHome"
			
 
				+
			
 
				+class RenderRegistration extends Component {
			
 
				+    closeEditModal = () => {
			
 
				+        const { closeModal } = this.props;
			
 
				+        closeModal();
			
 
				+    } 
			
 
				+    render() {
			
 
				+        const str = "Вы успешно зарегестрировались";
			
 
				+        return (
			
 
				+            <div className="formdiv">
			
 
				+                <LinkHome />
			
 
				+                <RegistrForm {...this.props} />
			
 
				+                <EditModal visible={this.props.showModal}
			
 
				+                    onOk={this.closeEditModal}
			
 
				+                    onCancel={this.closeEditModal}
			
 
				+                    str={ str }
			
 
				+                    inputData={ this.props.inputData }
			
 
				+                />
			
 
				+            </div>
			
 
				+        );
			
 
				+    }
			
 
				+}
			
 
				+
			
 
				+
			
 
				+const mapStateToProps = state => ({
			
 
				+    showModal: state.usersRegistr.showModal,
			
 
				+    inputData: state.usersRegistr.inputData
			
 
				+});
			
 
				+
			
 
				+const mapDispatchToProps = dispatch => bindActionCreators({ postUsersData, closeModal }, dispatch);
			
 
				+
			
 
				+export default RenderRegistration = connect(
			
 
				+    mapStateToProps,
			
 
				+    mapDispatchToProps
			
 
				+)(RenderRegistration);
			
--- a/src/img/depositphotos_80275194-stock-illustration-russian-old-fair-bazaar-vector.jpg
+++ b/src/img/depositphotos_80275194-stock-illustration-russian-old-fair-bazaar-vector.jpg
--- a/src/img/logoBazar
+++ b/src/img/logoBazar
--- a/src/img/logoBazar.jpg
+++ b/src/img/logoBazar.jpg
--- a/src/img/logoBazar.png
+++ b/src/img/logoBazar.png
--- a/src/img/no.jpg
+++ b/src/img/no.jpg
--- a/src/index.css
+++ b/src/index.css
@@ -12,3 +12,88 @@ code {
 
				   font-family: source-code-pro, Menlo, Monaco, Consolas, "Courier New",
			
 
				     monospace;
			
 
				 }
			
 
				+.logo{
			
 
				+  
			
 
				+  width: 20%;
			
 
				+}
			
 
				+.header{
			
 
				+  display:flex;
			
 
				+  
			
 
				+}
			
 
				+.searchLine{
			
 
				+  width: 60%;
			
 
				+  display: flex;
			
 
				+  justify-content: center;
			
 
				+  align-items: center;
			
 
				+  
			
 
				+  
			
 
				+}
			
 
				+.searchInput{
			
 
				+  width: 80%;
			
 
				+}
			
 
				+.auth{
			
 
				+  width: 20%;
			
 
				+  display: flex;
			
 
				+  
			
 
				+  justify-content: center;
			
 
				+  align-items: center;
			
 
				+}
			
 
				+.avatar{
			
 
				+  padding: 0 10px;
			
 
				+}
			
 
				+.link{
			
 
				+  display: flex;
			
 
				+  
			
 
				+  justify-content: center;
			
 
				+  align-items: center;
			
 
				+}
			
 
				+.ras{
			
 
				+  display: flex;
			
 
				+}
			
 
				+.ras1{
			
 
				+  display: flex;
			
 
				+  width: 20%;
			
 
				+}
			
 
				+.ras2{
			
 
				+  display: flex;
			
 
				+  width: 300px;
			
 
				+  height: 300px;
			
 
				+}
			
 
				+.as{
			
 
				+  border: 4px outset;
			
 
				+  border-radius: 5px;
			
 
				+  margin: 5px;
			
 
				+}
			
 
				+.img{
			
 
				+  width: 250px;
			
 
				+  height: 250px;
			
 
				+  
			
 
				+}
			
 
				+.staffs{
			
 
				+  display:flex;
			
 
				+ 
			
 
				+}
			
 
				+.staff{
			
 
				+  width: 250px;
			
 
				+  height: 250px;
			
 
				+}
			
 
				+.topbutton {
			
 
				+  width:50px;
			
 
				+  border:2px solid #ccc;
			
 
				+  background:#f7f7f7;
			
 
				+  text-align:center;
			
 
				+  padding:10px;
			
 
				+  position:fixed;
			
 
				+  bottom:50px;
			
 
				+  right:50px;
			
 
				+  cursor:pointer;
			
 
				+  color:#333;
			
 
				+  font-family:verdana;
			
 
				+  font-size:12px;
			
 
				+  border-radius: 50px;
			
 
				+  -moz-border-radius: 50px;
			
 
				+  -webkit-border-radius: 50px;
			
 
				+  -khtml-border-radius: 50px;
			
 
				+  }
			
 
				+
			
 
				+  
			
--- a/src/index.js
+++ b/src/index.js
@@ -1,12 +1,24 @@
 
				 import React from 'react';
			
 
				+import { Provider } from "react-redux";
			
 
				+import { BrowserRouter } from "react-router-dom";
			
 
				 import ReactDOM from 'react-dom';
			
 
				-import './index.css';
			
 
				-import App from './App';
			
 
				+
			
 
				 import * as serviceWorker from './serviceWorker';
			
 
				 
			
 
				-ReactDOM.render(<App />, document.getElementById('root'));
			
 
				+import Router from "./router";
			
 
				+import store from "./state/state";
			
 
				+
			
 
				+
			
 
				+
			
 
				+import "./style/index.scss";
			
 
				+
			
 
				+ReactDOM.render(
			
 
				+    <BrowserRouter>
			
 
				+        <Provider store={store}>
			
 
				+            <Router/>
			
 
				+        </Provider>
			
 
				+    </BrowserRouter>,
			
 
				+    document.getElementById("root")
			
 
				+);
			
 
				 
			
 
				-// If you want your app to work offline and load faster, you can change
			
 
				-// unregister() to register() below. Note this comes with some pitfalls.
			
 
				-// Learn more about service workers: http://bit.ly/CRA-PWA
			
 
				 serviceWorker.unregister();
			
--- a/src/reducer/addCategory.js
+++ b/src/reducer/addCategory.js
@@ -0,0 +1,43 @@
 
				+import * as types from '../constants/actionTypes';
			
 
				+
			
 
				+const initState = {
			
 
				+    categoryData: [],
			
 
				+    isFetching: false,
			
 
				+    error: null,
			
 
				+    showModal: false
			
 
				+}
			
 
				+
			
 
				+export default ( state = initState, { type, payload } ) => {
			
 
				+    
			
 
				+    switch (type){
			
 
				+        case types.ADD_NEW_CATEGORY_REQUEST: {
			
 
				+            return {
			
 
				+                ...state,
			
 
				+                isFetching: true
			
 
				+            }
			
 
				+        }
			
 
				+        case types.ADD_NEW_CATEGORY_REQUEST_SUCCESS: {
			
 
				+            return {
			
 
				+                ...state,
			
 
				+                categoryData: state.categoryData.concat(JSON.parse(payload.config.data)),
			
 
				+                isFetching:false,
			
 
				+                showModal: true
			
 
				+            }
			
 
				+        }
			
 
				+        case types.ADD_NEW_CATEGORY_REQUEST_FAIL: {
			
 
				+            return {
			
 
				+                ...state,
			
 
				+                isFetching: false,
			
 
				+                error: "error",
			
 
				+                showModal: true
			
 
				+            }
			
 
				+        }
			
 
				+        case types.CLOSE_MODAL_WINDOW: {
			
 
				+            return {
			
 
				+                ...state,
			
 
				+                showModal: false
			
 
				+            }
			
 
				+        }
			
 
				+         default: return state;
			
 
				+    }
			
 
				+}
			
--- a/src/reducer/addStaff.js
+++ b/src/reducer/addStaff.js
@@ -0,0 +1,189 @@
 
				+import * as types from '../constants/actionTypes';
			
 
				+
			
 
				+const initState = {
			
 
				+    addOrnot: false,
			
 
				+    addOrnot1: false,
			
 
				+    addOrnot2: false,
			
 
				+    addOrnot3: false,
			
 
				+    base64Photo: "",
			
 
				+    base64Photo1: "",
			
 
				+    base64Photo2: "",
			
 
				+    base64Photo3: "",
			
 
				+    inputData: '',
			
 
				+    inputData1: '',
			
 
				+    inputData2: null,
			
 
				+    inputData3: null,
			
 
				+    staffData: [],
			
 
				+    photo: [],
			
 
				+    editData: [],
			
 
				+    isFetching: false,
			
 
				+    error: null,
			
 
				+    showModal: false
			
 
				+}
			
 
				+
			
 
				+export default ( state = initState, { type, payload } ) => {
			
 
				+    
			
 
				+    switch (type){
			
 
				+        case types.ADD_NEW_STAFF_REQUEST: {
			
 
				+            return {
			
 
				+                ...state,
			
 
				+                isFetching: true,
			
 
				+                base64Photo: "",
			
 
				+                base64Photo1: "",
			
 
				+                base64Photo2: "",
			
 
				+                base64Photo3: "",
			
 
				+                photo: [],
			
 
				+                addOrnot: false,
			
 
				+                addOrnot1: false,
			
 
				+                addOrnot2: false,
			
 
				+                addOrnot3: false,
			
 
				+                
			
 
				+            }
			
 
				+        }
			
 
				+        case types.ADD_NEW_STAFF_REQUEST_SUCCESS: {
			
 
				+            return {
			
 
				+                ...state,
			
 
				+                staffData: state.staffData.concat(JSON.parse(payload.config.data)),
			
 
				+                isFetching:false,
			
 
				+                showModal: true,
			
 
				+                error: null
			
 
				+            }
			
 
				+        }
			
 
				+        case types.ADD_NEW_STAFF_REQUEST_FAIL: {
			
 
				+            return {
			
 
				+                ...state,
			
 
				+                isFetching: false,
			
 
				+                error: "error",
			
 
				+                showModal: true
			
 
				+            }
			
 
				+        }
			
 
				+        case types.CLOSE_MODAL_WINDOW: {
			
 
				+            return {
			
 
				+                ...state,
			
 
				+                showModal: false
			
 
				+            }
			
 
				+        }
			
 
				+        case types.PUSH_NEW_PHOTO_REQUEST: {
			
 
				+            return {
			
 
				+                ...state,
			
 
				+                isFetching: true,
			
 
				+            }
			
 
				+        }
			
 
				+        case types.PUSH_NEW_PHOTO_REQUEST_SUCCESS: {
			
 
				+            return {
			
 
				+                ...state,
			
 
				+                photo: state.photo.concat(payload),
			
 
				+                isFetching: false,
			
 
				+               
			
 
				+            }
			
 
				+        }
			
 
				+        case types.PUSH_NEW_PHOTO_REQUEST_FAIL: {
			
 
				+            return {
			
 
				+                ...state,
			
 
				+                isFetching: false,
			
 
				+                error: "error",
			
 
				+                
			
 
				+            }
			
 
				+        }
			
 
				+        case types.INPUT_CHANGE_VALUE: {
			
 
				+            return {
			
 
				+                ...state,
			
 
				+                isFetching: false,
			
 
				+                error: "error",
			
 
				+                inputData: payload
			
 
				+                
			
 
				+            }
			
 
				+        }
			
 
				+        case types.INPUT_CHANGE_VALUE1: {
			
 
				+            return {
			
 
				+                ...state,
			
 
				+                isFetching: false,
			
 
				+                error: "error",
			
 
				+                inputData1: payload
			
 
				+                
			
 
				+            }
			
 
				+        }
			
 
				+        case types.INPUT_CHANGE_VALUE2: {
			
 
				+            return {
			
 
				+                ...state,
			
 
				+                isFetching: false,
			
 
				+                error: "error",
			
 
				+                inputData2: payload
			
 
				+                
			
 
				+            }
			
 
				+        }
			
 
				+        case types.INPUT_CHANGE_VALUE3: {
			
 
				+            return {
			
 
				+                ...state,
			
 
				+                isFetching: false,
			
 
				+                error: "error",
			
 
				+                inputData3: payload
			
 
				+                
			
 
				+            }
			
 
				+        }
			
 
				+        case types.EDIT_STAFF_REQUEST: {
			
 
				+            return {
			
 
				+                ...state,
			
 
				+                isFetching: true,
			
 
				+                base64Photo: "",
			
 
				+                base64Photo1: "",
			
 
				+                base64Photo2: "",
			
 
				+                base64Photo3: "",
			
 
				+                photo: [],
			
 
				+                addOrnot: false,
			
 
				+                addOrnot1: false,
			
 
				+                addOrnot2: false,
			
 
				+                addOrnot3: false,
			
 
				+            }
			
 
				+        }
			
 
				+        case types.EDIT_STAFF_REQUEST_SUCCESS: {
			
 
				+            return {
			
 
				+                ...state,
			
 
				+               
			
 
				+                isFetching:false,
			
 
				+                showModal: true
			
 
				+            }
			
 
				+        }
			
 
				+        case types.EDIT_STAFF_REQUEST_FAIL: {
			
 
				+            return {
			
 
				+                ...state,
			
 
				+                isFetching: false,
			
 
				+                error: "error",
			
 
				+                showModal: true
			
 
				+            }
			
 
				+        }
			
 
				+        case types.BASE_64_REQUEST: {
			
 
				+            return {
			
 
				+            ...state,
			
 
				+            isFetching: false,
			
 
				+            base64Photo: payload,
			
 
				+            addOrnot: !state.addOrnot
			
 
				+            }
			
 
				+          }
			
 
				+          case types.BASE1_64_REQUEST: {
			
 
				+            return {
			
 
				+            ...state,
			
 
				+            isFetching: false,
			
 
				+            base64Photo1: payload,
			
 
				+            addOrnot1: !state.addOrnot1
			
 
				+            }
			
 
				+          }
			
 
				+          case types.BASE2_64_REQUEST: {
			
 
				+            return {
			
 
				+            ...state,
			
 
				+            isFetching: false,
			
 
				+            base64Photo2: payload,
			
 
				+            addOrnot2: !state.addOrnot2
			
 
				+            }
			
 
				+          }
			
 
				+          case types.BASE3_64_REQUEST: {
			
 
				+            return {
			
 
				+            ...state,
			
 
				+            isFetching: false,
			
 
				+            base64Photo3: payload,
			
 
				+            addOrnot3: !state.addOrnot3
			
 
				+            }
			
 
				+          }
			
 
				+         default: return state;
			
 
				+    }
			
 
				+}
			
--- a/src/reducer/category.js
+++ b/src/reducer/category.js
@@ -0,0 +1,49 @@
 
				+import * as types from "../constants/actionTypes";
			
 
				+
			
 
				+const initState = {
			
 
				+    allCategory: [],
			
 
				+    mainCategory: [],
			
 
				+    podcategory: [],
			
 
				+    isFetching: false,
			
 
				+    error: null
			
 
				+};
			
 
				+
			
 
				+export default (state = initState, { type, payload }) => {
			
 
				+        
			
 
				+    switch (type) {
			
 
				+        
			
 
				+        case types.CATEGORY_REQUEST: {
			
 
				+            return {
			
 
				+                ...state,
			
 
				+                isFetching: true
			
 
				+            }
			
 
				+        }
			
 
				+
			
 
				+        case types.CATEGORY_REQUEST_SUCCESS: {
			
 
				+            return {
			
 
				+                ...state,
			
 
				+                isFetching: false,
			
 
				+                allCategory: payload,
			
 
				+                mainCategory: payload.data.filter(el => el.parentId === 0),
			
 
				+                podcategory: payload.data.filter(el => el.parentId === 0),
			
 
				+            }
			
 
				+        }
			
 
				+
			
 
				+        case types.CATEGORY_REQUEST_FAIL: {
			
 
				+            return {
			
 
				+                ...state,
			
 
				+                isFetching: false,
			
 
				+                error: "ERROR"
			
 
				+            }
			
 
				+        }
			
 
				+
			
 
				+        case types.POD_CATEGORY: {
			
 
				+            return {
			
 
				+                ...state,
			
 
				+                podcategory: state.allCategory.filter(el => el.parentId === payload),
			
 
				+            }
			
 
				+        }
			
 
				+
			
 
				+        default: return state;
			
 
				+    }
			
 
				+};
			
--- a/src/reducer/categoryById.js
+++ b/src/reducer/categoryById.js
@@ -0,0 +1,35 @@
 
				+import * as types from "../constants/actionTypes";
			
 
				+
			
 
				+const initState = {
			
 
				+    infoCategory: [],
			
 
				+    isFetching: false,
			
 
				+    error: null,
			
 
				+};
			
 
				+
			
 
				+export default (state = initState, { type, payload }) => {
			
 
				+    switch (type) {
			
 
				+
			
 
				+        case types.CATEGORY_REQUEST_BY_ID: {
			
 
				+            return {
			
 
				+                ...state,
			
 
				+                isFetching: true,
			
 
				+                infoCategory: [],
			
 
				+            }
			
 
				+        }
			
 
				+        case types.CATEGORY_REQUEST_SUCCESS_BY_ID: {
			
 
				+            return {
			
 
				+                ...state,
			
 
				+                isFetching: false,
			
 
				+                infoCategory: payload.data.staffs,
			
 
				+            }
			
 
				+        }
			
 
				+        case types.CATEGORY_REQUEST_FAIL_BY_ID: {
			
 
				+            return {
			
 
				+                ...state,
			
 
				+                isFetching: false,
			
 
				+                error: "ERROR"
			
 
				+            }
			
 
				+        }
			
 
				+        default: return state;
			
 
				+    }
			
 
				+};
			
--- a/src/reducer/getUserById.js
+++ b/src/reducer/getUserById.js
@@ -0,0 +1,54 @@
 
				+import * as types from "../constants/actionTypes";
			
 
				+
			
 
				+const initState = {
			
 
				+    getUser: [],
			
 
				+    isFetching: false,
			
 
				+    error: null,
			
 
				+    params: null,
			
 
				+    del: ""
			
 
				+    
			
 
				+  };
			
 
				+
			
 
				+export default (state = initState, {type, payload} ) => {
			
 
				+    
			
 
				+    switch(type) {
			
 
				+        case types.USER_AUTH_REQUEST_BY_ID: {
			
 
				+            return {
			
 
				+                ...state,
			
 
				+                isFetching: true
			
 
				+            }
			
 
				+        }
			
 
				+        case types.USER_AUTH_REQUEST_SUCCESS_BY_ID: {
			
 
				+            
			
 
				+            return {
			
 
				+                ...state,
			
 
				+                getUser: payload.data,
			
 
				+                isFetching: false,
			
 
				+                del: ""
			
 
				+            }
			
 
				+        }
			
 
				+        case types.USER_AUTH_REQUEST_FAIL_BY_ID: {
			
 
				+            return {
			
 
				+                ...state,
			
 
				+                isFetching: false,
			
 
				+                error: "ERROR"
			
 
				+            }
			
 
				+        }
			
 
				+        case types.GET_PARAMS: {
			
 
				+            return {
			
 
				+                ...state,
			
 
				+                params: payload
			
 
				+            }
			
 
				+        }
			
 
				+        case types.DELETE_STAFF: {
			
 
				+            return {
			
 
				+            ...state,
			
 
				+            isFetching: false,
			
 
				+            error: "ERROR",
			
 
				+            del: payload
			
 
				+            }
			
 
				+          }
			
 
				+        default: return state;
			
 
				+
			
 
				+    }
			
 
				+};
			
--- a/src/reducer/index.js
+++ b/src/reducer/index.js
@@ -0,0 +1,35 @@
 
				+import { combineReducers } from "redux";
			
 
				+import { reducer as formReducer } from 'redux-form';
			
 
				+
			
 
				+import usersRegistration from './usersRegistration'
			
 
				+import usersAuthorisation from './usersAuthorisation'
			
 
				+import getUserById from './getUserById'
			
 
				+
			
 
				+import staffs from './staffs'
			
 
				+import searchStaff from './searchStaff'
			
 
				+import addStaff from './addStaff'
			
 
				+import staffById from './staffsById'
			
 
				+import searchStaffById from './searchStaffById'
			
 
				+
			
 
				+import category from './category'
			
 
				+import addCategory from './addCategory'
			
 
				+import categoryById from './categoryById'
			
 
				+
			
 
				+export default  combineReducers({
			
 
				+    usersRegistr: usersRegistration,
			
 
				+    usersAuth: usersAuthorisation,
			
 
				+    getUserById,
			
 
				+    
			
 
				+    staffs,
			
 
				+    searchStaff,
			
 
				+    addStaff,
			
 
				+
			
 
				+    staffById,
			
 
				+    searchStaffById,
			
 
				+
			
 
				+    category,
			
 
				+    addCategory,
			
 
				+    categoryById,
			
 
				+
			
 
				+    form: formReducer
			
 
				+})
			
--- a/src/reducer/searchStaff.js
+++ b/src/reducer/searchStaff.js
@@ -0,0 +1,46 @@
 
				+import * as types from '../constants/actionTypes'
			
 
				+
			
 
				+const initState = {
			
 
				+    inputData: "",
			
 
				+    searchData: [], 
			
 
				+    isFetching: false,
			
 
				+    error: null,
			
 
				+}
			
 
				+
			
 
				+export default (state = initState, { type, payload }) => {
			
 
				+    
			
 
				+    switch(type) {
			
 
				+        case types.CHANGE_INPUT_VALUE: {
			
 
				+            return {
			
 
				+                ...state,
			
 
				+                inputData: payload
			
 
				+            }
			
 
				+        }
			
 
				+        case types.SEARCH_STAFF_REQUEST: {
			
 
				+            return {
			
 
				+                ...state,
			
 
				+                isFetching: true
			
 
				+            }
			
 
				+        }
			
 
				+        case types.SEARCH_STAFF_REQUEST_SUCCESS: {
			
 
				+            
			
 
				+            return {
			
 
				+                ...state,
			
 
				+                isFetching: false,
			
 
				+                searchData: payload.data
			
 
				+            }
			
 
				+        }
			
 
				+        
			
 
				+        case types.SEARCH_STAFF_REQUEST_FAIL: {
			
 
				+            
			
 
				+            return {
			
 
				+                ...state,
			
 
				+                isFetching:false,
			
 
				+                error: "error"
			
 
				+            }
			
 
				+        }
			
 
				+       
			
 
				+
			
 
				+        default: return state;
			
 
				+    }
			
 
				+}
			
--- a/src/reducer/searchStaffById.js
+++ b/src/reducer/searchStaffById.js
@@ -0,0 +1,41 @@
 
				+
			
 
				+
			
 
				+import * as types from "../constants/actionTypes";
			
 
				+
			
 
				+const initState = {
			
 
				+    fullInfoSearchData: [],
			
 
				+    isFetching: false,
			
 
				+    error: null
			
 
				+  };
			
 
				+
			
 
				+  export default (state = initState, { type, payload }) => {
			
 
				+      
			
 
				+      switch (type) {
			
 
				+        
			
 
				+        case types.SEARCH_STAFF_REQUEST_BY_ID: {
			
 
				+          return {
			
 
				+          ...state,
			
 
				+          isFetching: true,
			
 
				+           
			
 
				+          
			
 
				+          }
			
 
				+        } 
			
 
				+        case types.SEARCH_STAFF_REQUEST_SUCCESS_BY_ID: { 
			
 
				+          return {
			
 
				+          ...state,
			
 
				+          isFetching: false,
			
 
				+          fullInfoSearchData: [payload.data]
			
 
				+          }
			
 
				+        }
			
 
				+        case types.SEARCH_STAFF_REQUEST_FAIL_BY_ID: {
			
 
				+          return {
			
 
				+          ...state,
			
 
				+          isFetching: false,
			
 
				+          error: "ERROR"
			
 
				+          }
			
 
				+        }
			
 
				+        default: return state;    
			
 
				+    }
			
 
				+  };
			
 
				+
			
 
				+  
			
--- a/src/reducer/staffs.js
+++ b/src/reducer/staffs.js
@@ -0,0 +1,40 @@
 
				+import * as types from "../constants/actionTypes";
			
 
				+
			
 
				+const initState = {
			
 
				+    inputStaffs: [],
			
 
				+    infoStaffs: [],
			
 
				+    isFetching: false,
			
 
				+    error: null
			
 
				+};
			
 
				+
			
 
				+export default (state = initState, { type, payload }) => {
			
 
				+    switch (type) {
			
 
				+        case types.STAFF_REQUEST: {
			
 
				+            return {
			
 
				+                ...state,
			
 
				+                isFetching: true
			
 
				+            }
			
 
				+        }
			
 
				+        case types.STAFF_REQUEST_SUCCESS: {
			
 
				+            return {
			
 
				+                ...state,
			
 
				+                isFetching: false,
			
 
				+                inputStaffs: payload.data.reverse()
			
 
				+            }
			
 
				+        }
			
 
				+        case types.STAFF_REQUEST_FAIL: {
			
 
				+            return {
			
 
				+                ...state,
			
 
				+                isFetching: false,
			
 
				+                error: "ERROR"
			
 
				+            }
			
 
				+        }
			
 
				+        case types.GET_STAFF_INFO_DATA: {
			
 
				+            return {
			
 
				+                ...state,
			
 
				+                infoStaffs: payload
			
 
				+            }
			
 
				+        }
			
 
				+        default: return state;
			
 
				+    }
			
 
				+};  
			
--- a/src/reducer/staffsById.js
+++ b/src/reducer/staffsById.js
@@ -0,0 +1,48 @@
 
				+
			
 
				+
			
 
				+import * as types from "../constants/actionTypes";
			
 
				+
			
 
				+const initState = {
			
 
				+    infoStaffs: [],
			
 
				+    isFetching: false,
			
 
				+    error: null,
			
 
				+    
			
 
				+  };
			
 
				+
			
 
				+  export default (state = initState, { type, payload }) => {
			
 
				+      
			
 
				+      switch (type) {
			
 
				+        
			
 
				+        case types.STAFF_REQUEST_BY_ID: {
			
 
				+          return {
			
 
				+          ...state,
			
 
				+          isFetching: true,
			
 
				+          }
			
 
				+        } 
			
 
				+        case types.STAFF_REQUEST_SUCCESS_BY_ID: { 
			
 
				+          return {
			
 
				+          ...state,
			
 
				+          isFetching: false,
			
 
				+          infoStaffs: [payload.data]
			
 
				+          }
			
 
				+        }
			
 
				+        case types.STAFF_REQUEST_FAIL_BY_ID: {
			
 
				+          return {
			
 
				+          ...state,
			
 
				+          isFetching: false,
			
 
				+          error: "ERROR"
			
 
				+          }
			
 
				+        }
			
 
				+        case types.DELETE_STAFF: {
			
 
				+          return {
			
 
				+          ...state,
			
 
				+          isFetching: false,
			
 
				+          error: "ERROR",
			
 
				+          del: payload
			
 
				+          }
			
 
				+        }
			
 
				+        default: return state;    
			
 
				+    }
			
 
				+  };
			
 
				+
			
 
				+  
			
--- a/src/reducer/usersAuthorisation.js
+++ b/src/reducer/usersAuthorisation.js
@@ -0,0 +1,54 @@
 
				+import * as types from "../constants/actionTypes";
			
 
				+
			
 
				+const initState = {
			
 
				+    inputData: [],
			
 
				+    isFetching: false,
			
 
				+    
			
 
				+    trig: true,
			
 
				+    showModal: false
			
 
				+  };
			
 
				+
			
 
				+export default (state = initState, {type, payload} ) => {
			
 
				+ 
			
 
				+    switch(type) {
			
 
				+        case types.USER_AUTH_REQUEST: {
			
 
				+            return {
			
 
				+                ...state,
			
 
				+                isFatching: true,
			
 
				+            }
			
 
				+        }
			
 
				+        case types.USER_AUTH_REQUEST_SUCCESS: {
			
 
				+            
			
 
				+            if (payload.data===null){
			
 
				+                payload.data = false
			
 
				+            }
			
 
				+            else if (payload.data!==null && payload.data.id !==undefined ){
			
 
				+                const { id } = payload.data
			
 
				+                localStorage.setItem("login",JSON.stringify(id))
			
 
				+            }
			
 
				+            return {
			
 
				+                ...state,
			
 
				+                inputData: payload.data,
			
 
				+                isFatching: false,
			
 
				+                showModal: true,
			
 
				+                
			
 
				+            }
			
 
				+        }
			
 
				+        case types.USER_AUTH_REQUEST_FAIL: {
			
 
				+            return {
			
 
				+                ...state,
			
 
				+                isFatching: false,
			
 
				+                error: "ERROR",
			
 
				+            }
			
 
				+        }
			
 
				+        case types.CLOSE_MODAL_WINDOW: {
			
 
				+            return {
			
 
				+                ...state,
			
 
				+                showModal: false
			
 
				+            }
			
 
				+        }
			
 
				+        
			
 
				+        
			
 
				+        default: return state;
			
 
				+    }
			
 
				+};
			
--- a/src/reducer/usersRegistration.js
+++ b/src/reducer/usersRegistration.js
@@ -0,0 +1,46 @@
 
				+import * as types from "../constants/actionTypes";
			
 
				+
			
 
				+const initState = {
			
 
				+    inputData: [],
			
 
				+    isFetching: false,
			
 
				+    error: null,
			
 
				+    showModal: false
			
 
				+  };
			
 
				+
			
 
				+  export default (state = initState, { type, payload }) => {
			
 
				+    
			
 
				+      switch (type) {
			
 
				+        case types.USER_REG_REQUEST: {
			
 
				+          return {
			
 
				+          ...state,
			
 
				+          inputData: payload,
			
 
				+          isFetching: true
			
 
				+          }
			
 
				+        }
			
 
				+
			
 
				+        case types.USER_REG_REQUEST_SUCCESS: {
			
 
				+          return {
			
 
				+            ...state,
			
 
				+            isFetching: false,
			
 
				+            inputData: payload.data,
			
 
				+            showModal: true
			
 
				+          }
			
 
				+        }
			
 
				+
			
 
				+        case types.USER_REG_REQUEST_FAIL: {
			
 
				+          return {
			
 
				+            ...state,
			
 
				+            isFetching: false,
			
 
				+            error: "ERROR"
			
 
				+          }
			
 
				+        }
			
 
				+        case types.CLOSE_MODAL_WINDOW: {
			
 
				+          return {
			
 
				+              ...state,
			
 
				+              showModal: false
			
 
				+          }
			
 
				+      }
			
 
				+        
			
 
				+        default: return state;    
			
 
				+    }
			
 
				+  };
			
--- a/src/router.js
+++ b/src/router.js
@@ -0,0 +1,71 @@
 
				+import React, { Component, Fragment } from "react";
			
 
				+import { Switch, Route, withRouter } from "react-router-dom";
			
 
				+import { connect } from 'react-redux';
			
 
				+import { bindActionCreators } from "redux";
			
 
				+
			
 
				+
			
 
				+import MainPage from "./container/MainPage";
			
 
				+
			
 
				+import RenderAuthorisation from "./container/renderAuthorisation"
			
 
				+import RenderRegistration from "./container/renderRegistration"
			
 
				+import CategoryStaffInfo from './container/CategoryStaffInfo'
			
 
				+import MainPageStaffInfo from './container/MainPageStaffInfo'
			
 
				+import SearchStaffs from './container/SearchStaff'
			
 
				+import SearchStaffsInfo from './container/SearchStaffsInfo'
			
 
				+import AddNewStaff from './container/AddNewStaff'
			
 
				+import AddNewCategory from './container/AddNewCategory'
			
 
				+import ActiveStaffs from './container/activeStaffs'
			
 
				+import redactorForm from './container/redactorForm'
			
 
				+// import Form from './components/Auth/index'
			
 
				+// import RegistrForm from './components/Auth/registration'
			
 
				+// import UserProtect from './components/usersProtectPage/'
			
 
				+// import UserProfile from './components/Header/Myprofile'
			
 
				+import PrivateRoute from './components/usersProtectPage/PrivateRoute'
			
 
				+import userProfile from  './container/UserProfile'
			
 
				+
			
 
				+import { getUsersDataById } from "./actions/getUserById"
			
 
				+
			
 
				+import { getUsersData } from './actions/usersAuthActions'
			
 
				+
			
 
				+
			
 
				+
			
 
				+class Router extends Component {
			
 
				+
			
 
				+   render() {
			
 
				+       
			
 
				+       const { inputData, params} = this.props
			
 
				+      
			
 
				+       return (
			
 
				+    <Fragment>
			
 
				+	    <Switch>
			
 
				+            <PrivateRoute path="/"   data= { inputData } params = {params} exact component={MainPage} />
			
 
				+            <Route path="/user/:id" exact component={userProfile} />
			
 
				+            <Route path="/authorisation" exact component={RenderAuthorisation} />
			
 
				+            <Route path="/auth" exact component= {RenderAuthorisation}/>
			
 
				+            <Route path="/registration" exact component={RenderRegistration} />
			
 
				+            <Route path="/category/staff/:id" exact component={CategoryStaffInfo} />
			
 
				+            <Route path="/staff/:id" exact component={MainPageStaffInfo} />
			
 
				+            <Route path="/search/:title"   exact component={SearchStaffs} />
			
 
				+                <Route path="/search/Staff/:id" exact component={SearchStaffsInfo} />
			
 
				+            <Route path="/newStaff" exact component={AddNewStaff} />
			
 
				+            <Route path="/addCategory" exact component={AddNewCategory} />
			
 
				+            <Route path="/activeStaffs" exact component={ ActiveStaffs } />
			
 
				+            <Route path="/activeStaffs/:id" exact component={ redactorForm } />
			
 
				+	    </Switch>
			
 
				+    </Fragment>
			
 
				+       )
			
 
				+   }
			
 
				+
			
 
				+}
			
 
				+
			
 
				+const mapStateToProps = state => ({
			
 
				+    inputData: state.usersAuth.inputData,
			
 
				+    params: state.getUserById.params,
			
 
				+})
			
 
				+const mapDispatchToProps = dispatch => bindActionCreators({ getUsersData, getUsersDataById }, dispatch);
			
 
				+
			
 
				+export default withRouter(connect(
			
 
				+    mapStateToProps, 
			
 
				+    mapDispatchToProps
			
 
				+)(Router));
			
 
				+
			
--- a/src/state/state.js
+++ b/src/state/state.js
@@ -0,0 +1,10 @@
 
				+
			
 
				+import { createStore, applyMiddleware} from "redux";
			
 
				+
			
 
				+import thunk from "redux-thunk";
			
 
				+import reducers from "../reducer/";
			
 
				+
			
 
				+export default createStore(
			
 
				+	reducers,
			
 
				+	applyMiddleware(thunk)
			
 
				+);
			
--- a/src/style/abstracts/variables.scss
+++ b/src/style/abstracts/variables.scss
@@ -0,0 +1,30 @@
 
				+// COLORS
			
 
				+$color-black: #000;
			
 
				+$color-white: #fff;
			
 
				+$color-red: #f00;
			
 
				+$color-red-dark: #b40000;
			
 
				+$color-yellow: #f5a623;
			
 
				+$color-green: #0ea500;
			
 
				+$color-blue: #008ff7;
			
 
				+$color-blue-light-dark: #4a90e2;
			
 
				+$color-blue-dark: #29336f;
			
 
				+$color-blue-light: #eaf1f9;
			
 
				+$color-brown: #4c4c4c;
			
 
				+$color-grey: #51606a;
			
 
				+$color-grey-light: #999999;
			
 
				+$color-grey-lighter: #d8d8d8;
			
 
				+$color-grey-the-lightest: #f9fbfd;
			
 
				+$color-grey-transparent: rgba(247, 249, 251, 0.7);
			
 
				+
			
 
				+//BASE COLORS
			
 
				+$el-color:#FD7F71;
			
 
				+$color-backgtound: #f8f6f6;
			
 
				+
			
 
				+//SearchLine
			
 
				+$color: #FD7F71;
			
 
				+$background: #F7FBFB;
			
 
				+$background-2: #EAF5F5;
			
 
				+$background-3: #BBD8D8;
			
 
				+$primary: #FD7F71;
			
 
				+$white: #fff;
			
 
				+$breakpoint: 768px;
			
--- a/src/style/base/_base.scss
+++ b/src/style/base/_base.scss
@@ -0,0 +1,14 @@
 
				+*,
			
 
				+*:after,
			
 
				+*:before {
			
 
				+	margin: 0;
			
 
				+	padding: 0;
			
 
				+	box-sizing:border-box;
			
 
				+}
			
 
				+body{
			
 
				+	min-width: 980px;
			
 
				+	max-width: 1520px;
			
 
				+	width: 100%;
			
 
				+	margin: 0 auto ;
			
 
				+	background: $color-backgtound;
			
 
				+}
			
--- a/src/style/components/_allStaff.scss
+++ b/src/style/components/_allStaff.scss
@@ -0,0 +1,331 @@
 
				+.menuAndContent{
			
 
				+    max-width: 100%;
			
 
				+    display: flex;
			
 
				+    
			
 
				+    .contentStaffs{
			
 
				+        width: 100%;
			
 
				+        padding: 10px;
			
 
				+    }
			
 
				+    .staffs{
			
 
				+        margin: 0 auto;
			
 
				+        display: flex;
			
 
				+        align-items: center;
			
 
				+        align-content: center; 
			
 
				+        flex-wrap: wrap;
			
 
				+    }
			
 
				+    .staff{
			
 
				+        width: 350px;
			
 
				+        height: 250px;
			
 
				+        margin: 10px;
			
 
				+        padding: 1%;
			
 
				+        border: none;
			
 
				+        outline: none;
			
 
				+        border: 0px;
			
 
				+        cursor: pointer;
			
 
				+        color: #FD7F71;
			
 
				+        transition: .3s ease-out;
			
 
				+        border-radius: 10px;
			
 
				+        background-color: #fff;
			
 
				+        box-shadow: 0 1px 1px rgba(187, 216, 216, 0.6), 
			
 
				+            0 3px 3px rgba(187, 216, 216, 0.4), 
			
 
				+            0 8px 16px rgba(187, 216, 216, 0.3);
			
 
				+
			
 
				+        .titlleAndPrice{
			
 
				+            display: flex;
			
 
				+            justify-content: space-around;
			
 
				+            padding-top: 10px;
			
 
				+
			
 
				+        }    
			
 
				+    }
			
 
				+    .imgStaff{
			
 
				+        width: 100%;
			
 
				+        height: 80%;
			
 
				+        padding: 5px ;
			
 
				+        border-radius: 15px;
			
 
				+       
			
 
				+    }
			
 
				+    .staffinfo{
			
 
				+        width: 100%;
			
 
				+        height: 100%;
			
 
				+        margin: 10px;
			
 
				+        padding: 1%;
			
 
				+        border: none;
			
 
				+        outline: none;
			
 
				+        border: 0px;
			
 
				+        cursor: pointer;
			
 
				+        color: #FD7F71;
			
 
				+        transition: .3s ease-out;
			
 
				+        border-radius: 10px;
			
 
				+        background-color: #fff;
			
 
				+        box-shadow: 0 1px 1px rgba(187, 216, 216, 0.6), 
			
 
				+            0 3px 3px rgba(187, 216, 216, 0.4), 
			
 
				+            0 8px 16px rgba(187, 216, 216, 0.3);
			
 
				+
			
 
				+        .titlleAndPrice{
			
 
				+            display: flex;
			
 
				+            justify-content: space-around;
			
 
				+            padding-top: 10px;
			
 
				+
			
 
				+        }
			
 
				+
			
 
				+        .fullImgStaff{
			
 
				+            width: 480px;
			
 
				+            height: 320px;
			
 
				+            border: none;
			
 
				+            outline: none;
			
 
				+            border: 1px;
			
 
				+            border-radius: 10px;    
			
 
				+            animation-timing-function: linear;
			
 
				+        }
			
 
				+    }
			
 
				+
			
 
				+    .loader{
			
 
				+        position: fixed;
			
 
				+        bottom: 0;
			
 
				+        left: 50%;
			
 
				+        right: 0;
			
 
				+        top: 50%;
			
 
				+        height: 100%;
			
 
				+        width: 100%;
			
 
				+        z-index: 9999;  
			
 
				+    }
			
 
				+
			
 
				+}
			
 
				+.topbutton{
			
 
				+    position:fixed;
			
 
				+    bottom:50px;
			
 
				+    right:50px;  
			
 
				+    -webkit-transform: translate3d(0, 0, 0);
			
 
				+    transform: translate3d(0, 0, 0);
			
 
				+    display: block;
			
 
				+    width: 50px;
			
 
				+    height: 50px;
			
 
				+    line-height:50px;
			
 
				+    text-align:center;
			
 
				+    color: #fff;
			
 
				+    border: none;
			
 
				+    box-shadow: 0 0 0 0 #f0f0f0, 0 0 0 0 #FD7F71;
			
 
				+    border-radius: 25px;
			
 
				+    background: #FD7F71;
			
 
				+    cursor: pointer;
			
 
				+    transform: translate3d(0, 0, 0);
			
 
				+    animation: pulse 1.25s infinite cubic-bezier(0.66, 0.33, 0, 1);
			
 
				+    display: flex;
			
 
				+    justify-content: center;
			
 
				+    align-items: center;
			
 
				+
			
 
				+    &:hover > i {
			
 
				+        color:#fff;
			
 
				+        text-shadow: 3px 3px 3px rgba(0,0,0,.35);
			
 
				+      }
			
 
				+      &:focus > i {
			
 
				+        color:#fff;
			
 
				+      }
			
 
				+      @keyframes pulse {
			
 
				+        to {
			
 
				+          box-shadow: 0 0 0 12px transparent, 0 0 0 24px rgba(227, 115, 14, 0);
			
 
				+        }
			
 
				+      }
			
 
				+    
			
 
				+}
			
 
				+
			
 
				+// .loader{
			
 
				+//     position: fixed;
			
 
				+//     bottom: 0;
			
 
				+//     left: 50%;
			
 
				+//     right: 0;
			
 
				+//     top: 50%;
			
 
				+//     height: 100%;
			
 
				+//     width: 100%;
			
 
				+//     z-index: 9999; 
			
 
				+
			
 
				+// }
			
 
				+
			
 
				+
			
 
				+.carusel{
			
 
				+    border: none;
			
 
				+        outline: none;
			
 
				+        border: 0px;
			
 
				+    border-radius: 10px;
			
 
				+    display: flex;
			
 
				+    justify-content: center;
			
 
				+    align-items: center;
			
 
				+}
			
 
				+.viwe-carusel{
			
 
				+    height: 100%;
			
 
				+    width: var(--main-width);
			
 
				+    display: flex;
			
 
				+    flex-direction: row;
			
 
				+    overflow: hidden;
			
 
				+}
			
 
				+.el-carusel{
			
 
				+    height: 100%;
			
 
				+    border: none;
			
 
				+        outline: none;
			
 
				+        border: 0px;
			
 
				+    border-radius: 10px;
			
 
				+    width: var(--main-width);
			
 
				+    user-select: none;
			
 
				+    animation-timing-function: linear;
			
 
				+}
			
 
				+.el-carusel::befor{
			
 
				+    animation: eye 3s ease-in-out infinite;
			
 
				+}
			
 
				+.scropl-carusel{
			
 
				+    width: 99999px;
			
 
				+    display: flex;
			
 
				+    transition: all 2s ease-in-out;
			
 
				+}
			
 
				+.scropl-carusel-finish{
			
 
				+    width: 99999px;
			
 
				+    display: flex;
			
 
				+    transition: all 0s ease-in-out;
			
 
				+}
			
 
				+.img-carusel{
			
 
				+  width: 100%;
			
 
				+  height: 100%;
			
 
				+}
			
 
				+.but{
			
 
				+  display: flex;
			
 
				+  font-size: 2rem;
			
 
				+  color: #424271;
			
 
				+  background-color: #efeded;
			
 
				+  height: 50px;
			
 
				+  width: 50px;
			
 
				+  /*position: relative;
			
 
				+  top: 125px;*/
			
 
				+  transform: translate(100%);
			
 
				+  font-weight: bold;
			
 
				+  opacity: 0.5;
			
 
				+  user-select: none;
			
 
				+}
			
 
				+.but:hover{
			
 
				+  color: #ccd024;
			
 
				+  cursor: pointer;
			
 
				+  opacity: 1;
			
 
				+}
			
 
				+.back{
			
 
				+  z-index: 1;
			
 
				+  align-items: center;
			
 
				+  justify-content: center;
			
 
				+  /*transform: translateX(100%);*/
			
 
				+}
			
 
				+.next{
			
 
				+  z-index: 1;
			
 
				+  align-items: center;
			
 
				+  justify-content: center;
			
 
				+  transform: rotate(180deg) translate(100%);
			
 
				+}
			
 
				+
			
 
				+
			
 
				+.ant-carousel{
			
 
				+    width: 480px;
			
 
				+}
			
 
				+
			
 
				+.ant-carousel .slick-slide {
			
 
				+    width: 480px;
			
 
				+    text-align: center;
			
 
				+    height: 320px;
			
 
				+    line-height: 160px;
			
 
				+    overflow: hidden;
			
 
				+  }
			
 
				+  
			
 
				+  .ant-carousel .slick-slide h3 {
			
 
				+    color: #fff;
			
 
				+  }
			
 
				+.divCenter{
			
 
				+    width: 55%;
			
 
				+    margin: 0 auto;
			
 
				+}
			
 
				+.flex-around{
			
 
				+    display: flex;
			
 
				+    justify-content: flex-start;
			
 
				+    flex-direction: column;
			
 
				+}
			
 
				+
			
 
				+.ant-carousel .slick-dots li button {
			
 
				+    border: 0;
			
 
				+    cursor: pointer;
			
 
				+    background: green;
			
 
				+    opacity: 0.5;
			
 
				+    display: block;
			
 
				+    width: 25px;
			
 
				+    height: 7px;
			
 
				+    border-radius: 3px;
			
 
				+    outline: none;
			
 
				+    font-size: 0;
			
 
				+    color: transparent;
			
 
				+    -webkit-transition: all 0.5s;
			
 
				+    transition: all 0.5s;
			
 
				+    padding: 0;
			
 
				+}
			
 
				+.ant-carousel .slick-dots li.slick-active button {
			
 
				+    background: #FD7F71;
			
 
				+    opacity: 1;
			
 
				+    width: 20px;
			
 
				+}
			
 
				+ 
			
 
				+.topPrice{
			
 
				+    position: fixed;
			
 
				+    top: 20%;
			
 
				+    right: 1em;
			
 
				+    -webkit-transform: translate3d(0, 0, 0);
			
 
				+    transform: translate3d(0, 0, 0);
			
 
				+    display: block;
			
 
				+    width: 80px;
			
 
				+    height: 50px;
			
 
				+    line-height: 50px;
			
 
				+    text-align: center;
			
 
				+    color: #fff;
			
 
				+    border: none;
			
 
				+    box-shadow: 0 0 0 0 #f0f0f0, 0 0 0 0 #FD7F71;
			
 
				+    border-radius: 25px;
			
 
				+    background: #FD7F71;
			
 
				+    cursor: pointer;
			
 
				+    transform: translate3d(0, 0, 0);
			
 
				+    outline: none;
			
 
				+    display: flex;
			
 
				+    justify-content: center;
			
 
				+    align-items: center;
			
 
				+
			
 
				+    &:hover > i {
			
 
				+        color:#fff;
			
 
				+        text-shadow: 3px 3px 3px rgba(0,0,0,.35);
			
 
				+      }
			
 
				+      &:focus > i {
			
 
				+        color:#fff;
			
 
				+      }
			
 
				+      
			
 
				+}
			
 
				+
			
 
				+.bottomPrice{
			
 
				+    position:fixed;
			
 
				+    top: 30%;
			
 
				+    right: 1em;
			
 
				+    transform: translate3d(0, 0, 0);
			
 
				+    display: block;
			
 
				+    width: 80px;
			
 
				+    height: 50px;
			
 
				+    line-height:50px;
			
 
				+    text-align:center;
			
 
				+    color: #fff;
			
 
				+    border: none;
			
 
				+    box-shadow: 0 0 0 0 #f0f0f0, 0 0 0 0 #FD7F71;
			
 
				+    border-radius: 25px;
			
 
				+    background: #FD7F71;
			
 
				+    cursor: pointer;
			
 
				+    transform: translate3d(0, 0, 0);
			
 
				+    outline: none;
			
 
				+    display: flex;
			
 
				+    justify-content: center;
			
 
				+    align-items: center;
			
 
				+
			
 
				+    &:hover > i {
			
 
				+        color:#fff;
			
 
				+        text-shadow: 3px 3px 3px rgba(0,0,0,.35);
			
 
				+      }
			
 
				+      &:focus > i {
			
 
				+        color:#fff;
			
 
				+      }
			
 
				+      
			
 
				+}
			
--- a/src/style/components/_form.scss
+++ b/src/style/components/_form.scss
@@ -0,0 +1,449 @@
 
				+// All Form 
			
 
				+.formdiv{
			
 
				+    width: 100%;
			
 
				+    height: 100vh;
			
 
				+    display: flex;
			
 
				+    justify-content: center;
			
 
				+    align-items: center;
			
 
				+	  font-size: 20px;
			
 
				+    background-image: url("../img/depositphotos_80275194-stock-illustration-russian-old-fair-bazaar-vector.jpg");
			
 
				+    background-position: center; /* Center the image */
			
 
				+    background-repeat: no-repeat; /* Do not repeat the image */
			
 
				+    background-size: cover; 
			
 
				+    
			
 
				+    .form{
			
 
				+      box-sizing: border-box;
			
 
				+      width: 500px;
			
 
				+      box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.2);
			
 
				+      padding: 1px 0 40px 0;
			
 
				+      border-radius: 3px;
			
 
				+      background-color: rgba(247, 240, 240, 0.7);
			
 
				+    }
			
 
				+
			
 
				+    .formAuth {
			
 
				+        box-sizing: border-box;
			
 
				+        width: 625px;
			
 
				+        box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.2);
			
 
				+        padding: 1px 0 40px 0;
			
 
				+        border-radius: 3px;
			
 
				+        background-color: rgba(247, 240, 240, 0.7);
			
 
				+        
			
 
				+    }
			
 
				+    
			
 
				+    .formRegistr {
			
 
				+      box-sizing: border-box;
			
 
				+      width: 625px;
			
 
				+      box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.2);
			
 
				+      padding: 1px 0 40px 0;
			
 
				+      border-radius: 3px;
			
 
				+      background-color: rgba(247, 240, 240, 0.7);
			
 
				+  }
			
 
				+
			
 
				+    .input {
			
 
				+        margin: 20px auto;
			
 
				+        width: 80%;
			
 
				+        display: block;
			
 
				+        border: none;
			
 
				+        padding: 10px 0;
			
 
				+        border-bottom: solid 1px $color;
			
 
				+        transition: all 0.3s cubic-bezier(.64,.09,.08,1);
			
 
				+        background: linear-gradient(to bottom, rgba(255,255,255,0) 96%, $color 4%);
			
 
				+        background-position: -500px 0;
			
 
				+        background-size: 500px 100%;
			
 
				+        background-repeat: no-repeat;
			
 
				+        color: darken($color, 1%);
			
 
				+        &:focus {
			
 
				+            box-shadow: none;
			
 
				+            outline: none;
			
 
				+            background-position: 0 0;
			
 
				+            &::-webkit-input-placeholder {
			
 
				+                color: $color;
			
 
				+                font-size: 11px;
			
 
				+                transform: translateY(-20px);
			
 
				+                visibility: visible !important;
			
 
				+            }
			
 
				+        }
			
 
				+
			
 
				+        option{
			
 
				+            background: rgba(247, 240, 240, 0.7);
			
 
				+            border-radius: 3px;
			
 
				+        }
			
 
				+        select::-ms-expand { /* for IE 11 */
			
 
				+            appearance: none;
			
 
				+        }
			
 
				+        
			
 
				+    }
			
 
				+    
			
 
				+    .textarea {
			
 
				+        margin: 20px auto;
			
 
				+        width: 80%;
			
 
				+        height: 100px;
			
 
				+        display: block;
			
 
				+        border: none;
			
 
				+        padding: 20px 0;
			
 
				+        overflow: hidden;
			
 
				+        border-bottom: solid 1px $color;
			
 
				+        transition: all 0.3s cubic-bezier(.64,.09,.08,1);
			
 
				+        background: linear-gradient(to bottom, rgba(255,255,255,0) 96%, $color 4%);
			
 
				+        background-position: -400px 0;
			
 
				+        background-size: 400px 100%;
			
 
				+        background-repeat: no-repeat;
			
 
				+        color: darken($color, 1%);
			
 
				+        &:focus {
			
 
				+            box-shadow: none;
			
 
				+            outline: none;
			
 
				+            background-position: 0 0;
			
 
				+            &::-webkit-input-placeholder {
			
 
				+                color: $color;
			
 
				+                font-size: 11px;
			
 
				+                transform: translateY(-20px);
			
 
				+                visibility: visible !important;
			
 
				+            }
			
 
				+        }
			
 
				+    }
			
 
				+
			
 
				+    .file{
			
 
				+        width: 100%;
			
 
				+        height: 100px;
			
 
				+    }
			
 
				+
			
 
				+    .buttonConteiner{
			
 
				+        display: flex;
			
 
				+        justify-content: center;
			
 
				+    }
			
 
				+}
			
 
				+  
			
 
				+input[type=number]::-webkit-inner-spin-button, 
			
 
				+input[type=number]::-webkit-outer-spin-button { 
			
 
				+  -webkit-appearance: none; 
			
 
				+  margin: 0; 
			
 
				+}
			
 
				+
			
 
				+.upload-zone {
			
 
				+  padding: 3px;
			
 
				+  cursor: pointer;
			
 
				+  position: absolute;
			
 
				+  left: 38%;
			
 
				+  top: 66%;
			
 
				+    -webkit-transform: translate(-50%, -50%);
			
 
				+    -ms-transform: translate(-50%, -50%);
			
 
				+    -moz-transform: translate(-50%, -50%);
			
 
				+    -o-transform: translate(-50%, -50%);
			
 
				+    transform: translate(-50%, -50%);
			
 
				+    -webkit-border-radius: 20%;
			
 
				+    -ms-border-radius: 20%;
			
 
				+    -moz-border-radius: 20%;
			
 
				+    -o-border-radius: 20%;
			
 
				+    border-radius: 20%;
			
 
				+    -webkit-transition: 0.3s;
			
 
				+    -ms-transition: 0.3s;
			
 
				+    -moz-transition: 0.3s;
			
 
				+    -o-transition: 0.3s;
			
 
				+    transition: 0.3s;
			
 
				+    img{
			
 
				+      position: absolute;
			
 
				+      width: 75px;
			
 
				+      height: 75px;
			
 
				+      bottom: 6px;
			
 
				+      border-radius: 15px;
			
 
				+      left: 3px;
			
 
				+      top: 3px;
			
 
				+    }
			
 
				+}
			
 
				+
			
 
				+.upload-zone:before {
			
 
				+    display: block;
			
 
				+    width: 80px;
			
 
				+    height: 80px;
			
 
				+    border: 3px dashed $color;
			
 
				+    position: relative;
			
 
				+    -webkit-border-radius: 20%;
			
 
				+    -ms-border-radius: 20%;
			
 
				+    -moz-border-radius: 20%;
			
 
				+    -o-border-radius: 20%;
			
 
				+    border-radius: 20%;
			
 
				+    content: " ";
			
 
				+    display: block;
			
 
				+    -webkit-transition: 0.3s;
			
 
				+    -ms-transition: 0.3s;
			
 
				+    -moz-transition: 0.3s;
			
 
				+    -o-transition: 0.3s;
			
 
				+    transition: 0.3s;
			
 
				+}
			
 
				+
			
 
				+.upload-zone:hover {
			
 
				+    background: $color;
			
 
				+}
			
 
				+
			
 
				+.upload-zone:hover:before {
			
 
				+    border-color: #fff;
			
 
				+}
			
 
				+
			
 
				+.upload-zone:hover i:before, .upload-zone:hover i:after {
			
 
				+  background: #fff;
			
 
				+}
			
 
				+  
			
 
				+.upload-zone i {
			
 
				+  display: block;
			
 
				+  width: 20%;
			
 
				+  height: 20%;
			
 
				+  -webkit-border-radius: 50%;
			
 
				+  -ms-border-radius: 50%;
			
 
				+  -moz-border-radius: 50%;
			
 
				+  -o-border-radius: 50%;
			
 
				+  border-radius: 50%;
			
 
				+  position: absolute;
			
 
				+  left: 50%;
			
 
				+  top: 50%;
			
 
				+  -webkit-transform: translate(-50%, -50%);
			
 
				+  -ms-transform: translate(-50%, -50%);
			
 
				+  -moz-transform: translate(-50%, -50%);
			
 
				+  -o-transform: translate(-50%, -50%);
			
 
				+  transform: translate(-50%, -50%);
			
 
				+  -webkit-transition: 0.3s;
			
 
				+  -ms-transition: 0.3s;
			
 
				+  -moz-transition: 0.3s;
			
 
				+  -o-transition: 0.3s;
			
 
				+  transition: 0.3s;
			
 
				+
			
 
				+  img{
			
 
				+    position: absolute;
			
 
				+    width: 75px;
			
 
				+    height: 75px;
			
 
				+    bottom: 6px;
			
 
				+    border-radius: 15px;
			
 
				+    left: 6px;
			
 
				+  }
			
 
				+}
			
 
				+  
			
 
				+.upload-zone i:before, .upload-zone i:after {
			
 
				+  background: $color;
			
 
				+  top: 50%;
			
 
				+  left: 50%;
			
 
				+  content: " ";
			
 
				+  display: block;
			
 
				+  -webkit-border-radius: 4px;
			
 
				+  -ms-border-radius: 4px;
			
 
				+  -moz-border-radius: 4px;
			
 
				+  -o-border-radius: 4px;
			
 
				+  border-radius: 4px;
			
 
				+  -webkit-transition: 0.3s;
			
 
				+  -ms-transition: 0.3s;
			
 
				+  -moz-transition: 0.3s;
			
 
				+  -o-transition: 0.3s;
			
 
				+  transition: 0.3s;
			
 
				+  position: absolute;
			
 
				+  left: 50%;
			
 
				+  top: 50%;
			
 
				+  -webkit-transform: translate(-50%, -50%);
			
 
				+  -ms-transform: translate(-50%, -50%);
			
 
				+  -moz-transform: translate(-50%, -50%);
			
 
				+  -o-transform: translate(-50%, -50%);
			
 
				+  transform: translate(-50%, -50%);
			
 
				+}
			
 
				+
			
 
				+.upload-zone i:before {
			
 
				+  width: 100%;
			
 
				+  height: 3px;
			
 
				+}
			
 
				+  
			
 
				+.upload-zone i:after {
			
 
				+  width: 3px;
			
 
				+  height: 100%;
			
 
				+}
			
 
				+
			
 
				+.upload-zone input[type='file'] {
			
 
				+  display: none;
			
 
				+}
			
 
				+  
			
 
				+.zone2{
			
 
				+  left: 46%;
			
 
				+  top: 66%;
			
 
				+}
			
 
				+  
			
 
				+.zone3{
			
 
				+  left: 54%;
			
 
				+  top: 66%;
			
 
				+}
			
 
				+
			
 
				+.zone4{
			
 
				+  left: 62%;
			
 
				+  top: 66%;
			
 
				+}
			
 
				+   
			
 
				+//Page auth
			
 
				+  
			
 
				+  .buttonAuth {
			
 
				+    border: none;
			
 
				+    background: $color;
			
 
				+    cursor: pointer;
			
 
				+    border-radius: 3px;
			
 
				+    padding: 20px;
			
 
				+    width: 50%;
			
 
				+    color: white;
			
 
				+    box-shadow: 0 3px 6px 0 rgba(0,0,0,0.2);
			
 
				+    &:hover { 
			
 
				+      transform: translateY(-3px);
			
 
				+      box-shadow: 0 6px 6px 0 rgba(0,0,0,0.2);
			
 
				+    }
			
 
				+  }
			
 
				+  .buttonInAuth {
			
 
				+    border: none;
			
 
				+    background: $color;
			
 
				+    cursor: pointer;
			
 
				+    border-radius: 3px;
			
 
				+    padding: 5px;
			
 
				+    width: 50%;
			
 
				+    color: white;
			
 
				+    box-shadow: 0 3px 6px 0 rgba(0,0,0,0.2);
			
 
				+    &:hover { 
			
 
				+      transform: translateY(-3px);
			
 
				+      box-shadow: 0 6px 6px 0 rgba(0,0,0,0.2);
			
 
				+    }
			
 
				+    .colorLink{
			
 
				+      text-decoration: none;
			
 
				+      color: white;
			
 
				+    }
			
 
				+  }
			
 
				+  .center{
			
 
				+    display: flex;
			
 
				+    justify-content: space-around;
			
 
				+    align-items: center;
			
 
				+  }
			
 
				+  
			
 
				+  //Page registrateon
			
 
				+
			
 
				+  .buttonInRegistration {
			
 
				+    border: none;
			
 
				+    background: $color;
			
 
				+    cursor: pointer;
			
 
				+    border-radius: 3px;
			
 
				+    padding: 7px;
			
 
				+    width: 40%;
			
 
				+    color: white;
			
 
				+    box-shadow: 0 3px 6px 0 rgba(0,0,0,0.2);
			
 
				+    &:hover { 
			
 
				+      transform: translateY(-3px);
			
 
				+      box-shadow: 0 6px 6px 0 rgba(0,0,0,0.2);
			
 
				+    }
			
 
				+    .colorLink{
			
 
				+      text-decoration: none;
			
 
				+      color: white;
			
 
				+    }
			
 
				+  }
			
 
				+  .divName{
			
 
				+    margin: 0 40px;
			
 
				+    display: flex;
			
 
				+    justify-content: space-between;
			
 
				+
			
 
				+  }
			
 
				+  .inputName{
			
 
				+    width: 90%;
			
 
				+  }
			
 
				+
			
 
				+  .form__input-box{
			
 
				+    span{
			
 
				+      color: red;
			
 
				+      position: relative;
			
 
				+      left: 160px;
			
 
				+      bottom: 85px;
			
 
				+    }
			
 
				+    .span_auth{
			
 
				+      color: red;
			
 
				+      position: relative;
			
 
				+      left: 10%;
			
 
				+      bottom: 5em;
			
 
				+    }
			
 
				+    .span_reg{
			
 
				+      color: red;
			
 
				+      position: relative;
			
 
				+      left: 10%;
			
 
				+      bottom: 5em;
			
 
				+    }
			
 
				+  }
			
 
				+  //all
			
 
				+  
			
 
				+  .linkTopButton{
			
 
				+    position:fixed;
			
 
				+    top:20px;
			
 
				+    left:50px;  
			
 
				+    -webkit-transform: translate3d(0, 0, 0);
			
 
				+    transform: translate3d(0, 0, 0);
			
 
				+    display: block;
			
 
				+    width: 50px;
			
 
				+    height: 50px;
			
 
				+    line-height:50px;
			
 
				+    text-align:center;
			
 
				+    color: #fff;
			
 
				+    border: none;
			
 
				+    box-shadow: 0 0 0 0 #f0f0f0, 0 0 0 0 #FD7F71;
			
 
				+    border-radius: 25px;
			
 
				+    background: #FD7F71;
			
 
				+    cursor: pointer;
			
 
				+    transform: translate3d(0, 0, 0);
			
 
				+    animation: pulse 1.25s infinite cubic-bezier(0.66, 0.33, 0, 1);
			
 
				+    display: flex;
			
 
				+    justify-content: center;
			
 
				+    align-items: center;
			
 
				+
			
 
				+    &:hover > i {
			
 
				+        color:#fff;
			
 
				+        text-shadow: 3px 3px 3px rgba(0,0,0,.35);
			
 
				+      }
			
 
				+      &:focus > i {
			
 
				+        color:#fff;
			
 
				+      }
			
 
				+      @keyframes pulse {
			
 
				+        to {
			
 
				+          box-shadow: 0 0 0 12px transparent, 0 0 0 24px rgba(227, 115, 14, 0);
			
 
				+        }
			
 
				+      }
			
 
				+    
			
 
				+}
			
 
				+  // .button {
			
 
				+    //   border: none;
			
 
				+    //   background: $color;
			
 
				+    //   cursor: pointer;
			
 
				+    //   border-radius: 3px;
			
 
				+    //   padding: 6px;
			
 
				+    //   margin-bottom: 10px;
			
 
				+    //   width: 80%;
			
 
				+    //   color: white;
			
 
				+    //   margin-left: 25px;
			
 
				+    //   box-shadow: 0 3px 6px 0 rgba(0,0,0,0.2);
			
 
				+    //   &:hover { 
			
 
				+      //     transform: translateY(-3px);
			
 
				+      //     box-shadow: 0 6px 6px 0 rgba(0,0,0,0.2);
			
 
				+      //   }
			
 
				+      // }
			
 
				+      // .btn1{
			
 
				+        //     width: 180px;
			
 
				+        //       margin-left: 0px;
			
 
				+        //       border-radius: 0px;
			
 
				+        //       padding-bottom: 10px;
			
 
				+        //       padding-top: 10px;
			
 
				+        //   }
			
 
				+        //   .btn2{
			
 
				+          //     width: 180px;
			
 
				+          //       margin-left: 0px;
			
 
				+          //       border-radius: 0px;
			
 
				+          //       padding-bottom: 10px;
			
 
				+          //       padding-top: 10px;
			
 
				+          //   }
			
 
				+          
			
 
				+          .button {
			
 
				+              border: none;
			
 
				+              background: $color;
			
 
				+              cursor: pointer;
			
 
				+              border-radius: 3px;
			
 
				+              padding: 6px;
			
 
				+              margin: 10px 30px;
			
 
				+              width: 90%;
			
 
				+              color: white;
			
 
				+              margin-left: 25px;
			
 
				+              box-shadow: 0 3px 6px 0 rgba(0,0,0,0.2);
			
 
				+              &:hover { 
			
 
				+                transform: translateY(-3px);
			
 
				+                box-shadow: 0 6px 6px 0 rgba(0,0,0,0.2);
			
 
				+              }
			
 
				+          }
			
--- a/src/style/components/_formLogin.scss
+++ b/src/style/components/_formLogin.scss
@@ -0,0 +1,209 @@
 
				+.formdiv{
			
 
				+    width: 100%;
			
 
				+    height: 100vh;
			
 
				+    display: flex;
			
 
				+    justify-content: center;
			
 
				+    align-items: center;
			
 
				+	font-size: 20px;
			
 
				+    margin: 0 auto ;
			
 
				+    background-image: url("../img/depositphotos_80275194-stock-illustration-russian-old-fair-bazaar-vector.jpg");
			
 
				+    background-position: center; /* Center the image */
			
 
				+    background-repeat: no-repeat; /* Do not repeat the image */
			
 
				+    background-size: cover; 
			
 
				+    
			
 
				+}
			
 
				+
			
 
				+h1, .input::-webkit-input-placeholder, .button {
			
 
				+    font-family: 'roboto', sans-serif;
			
 
				+    transition: all 0.3s ease-in-out;
			
 
				+}
			
 
				+
			
 
				+h1 {
			
 
				+    height: 100px;
			
 
				+    width: 100%;
			
 
				+    font-size: 18px;
			
 
				+    background: darken($el-color, 4%);
			
 
				+    color: #fff;
			
 
				+    line-height: 150%;
			
 
				+    border-radius: 3px 3px 0 0;
			
 
				+    box-shadow: 0 2px 5px 1px rgba(0,0,0,0.2);
			
 
				+}
			
 
				+
			
 
				+.form {
			
 
				+    box-sizing: border-box;
			
 
				+    width: 260px;
			
 
				+    box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.2);
			
 
				+    padding-bottom: 40px;
			
 
				+    border-radius: 3px;
			
 
				+    background-color: rgba(247, 240, 240, 0.7);;
			
 
				+    
			
 
				+    h1 {
			
 
				+        box-sizing: border-box;
			
 
				+        padding: 20px;
			
 
				+    }
			
 
				+}
			
 
				+
			
 
				+.input {
			
 
				+    margin: 40px 25px;
			
 
				+    width: 200px;
			
 
				+    display: block;
			
 
				+    border: none;
			
 
				+    padding: 10px 0;
			
 
				+    border-bottom: solid 1px $el-color;
			
 
				+    transition: all 0.3s cubic-bezier(.64,.09,.08,1);
			
 
				+    background: linear-gradient(to bottom, rgba(255,255,255,0) 96%, $el-color 4%);
			
 
				+    background-position: -200px 0;
			
 
				+    background-size: 200px 100%;
			
 
				+    background-repeat: no-repeat;
			
 
				+    color: darken($el-color, 20%);
			
 
				+
			
 
				+    &:focus {
			
 
				+        box-shadow: none;
			
 
				+        outline: none;
			
 
				+        background-position: 0 0;
			
 
				+        &::-webkit-input-placeholder {
			
 
				+            color: $el-color;
			
 
				+            font-size: 11px;
			
 
				+            transform: translateY(-20px);
			
 
				+            visibility: visible !important;
			
 
				+        }
			
 
				+    }
			
 
				+}
			
 
				+
			
 
				+
			
 
				+
			
 
				+.button {
			
 
				+    border: none;
			
 
				+    background: $el-color;
			
 
				+    cursor: pointer;
			
 
				+    border-radius: 3px;
			
 
				+    padding: 6px;
			
 
				+    width: 200px;
			
 
				+    color: white;
			
 
				+    margin: 25px auto;
			
 
				+    box-shadow: 0 3px 6px 0 rgba(0,0,0,0.2);
			
 
				+    &:hover { 
			
 
				+        transform: translateY(-3px);
			
 
				+        box-shadow: 0 6px 6px 0 rgba(0,0,0,0.2);
			
 
				+    }
			
 
				+}
			
 
				+
			
 
				+
			
 
				+h1, .input::-webkit-input-placeholder, .button {
			
 
				+    font-family: 'roboto', sans-serif;
			
 
				+    transition: all 0.3s ease-in-out;
			
 
				+  }
			
 
				+  
			
 
				+  h1 {
			
 
				+    height: 100px;
			
 
				+    width: 100%;
			
 
				+    font-size: 18px;
			
 
				+    background: darken($color, 4%);
			
 
				+    color: white;
			
 
				+    line-height: 150%;
			
 
				+    border-radius: 3px 3px 0 0;
			
 
				+    box-shadow: 0 2px 5px 1px rgba(0,0,0,0.2);
			
 
				+  }
			
 
				+  
			
 
				+  .form {
			
 
				+    box-sizing: border-box;
			
 
				+    width: 460px;
			
 
				+    margin: auto 0;
			
 
				+    box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.2);
			
 
				+    padding-bottom: 40px;
			
 
				+    border-radius: 3px;
			
 
				+  }
			
 
				+  
			
 
				+  .input {
			
 
				+    margin: 20px 25px;
			
 
				+    width: 80%;
			
 
				+    display: block;
			
 
				+    border: none;
			
 
				+    padding: 10px 0;
			
 
				+    border-bottom: solid 1px $color;
			
 
				+    transition: all 0.3s cubic-bezier(.64,.09,.08,1);
			
 
				+    background: linear-gradient(to bottom, rgba(255,255,255,0) 96%, $color 4%);
			
 
				+    background-position: -200px 0;
			
 
				+    background-size: 200px 100%;
			
 
				+    background-repeat: no-repeat;
			
 
				+    color: darken($color, 1%);
			
 
				+    &:focus {
			
 
				+      box-shadow: none;
			
 
				+      outline: none;
			
 
				+      background-position: 0 0;
			
 
				+      &::-webkit-input-placeholder {
			
 
				+        color: $color;
			
 
				+        font-size: 11px;
			
 
				+        transform: translateY(-20px);
			
 
				+        visibility: visible !important;
			
 
				+      }
			
 
				+    }
			
 
				+  }
			
 
				+  //.input:focus::-webkit-input-placeholder {text-indent: 500px; transition: text-indent 0.5s ease;}
			
 
				+  .button {
			
 
				+    border: none;
			
 
				+    background: $color;
			
 
				+    cursor: pointer;
			
 
				+    border-radius: 3px;
			
 
				+    padding: 6px;
			
 
				+    margin-bottom: 10px;
			
 
				+    width: 80%;
			
 
				+    color: white;
			
 
				+    margin-left: 25px;
			
 
				+    box-shadow: 0 3px 6px 0 rgba(0,0,0,0.2);
			
 
				+    &:hover { 
			
 
				+      transform: translateY(-3px);
			
 
				+      box-shadow: 0 6px 6px 0 rgba(0,0,0,0.2);
			
 
				+    }
			
 
				+  }
			
 
				+  // .allStaffs{
			
 
				+    
			
 
				+  //   max-width: 1500px;
			
 
				+  //    display: flex;
			
 
				+  //     flex-wrap: wrap;
			
 
				+  //     justify-content: center;
			
 
				+  //     align-items: center;
			
 
				+  //     align-content: center;
			
 
				+  // }
			
 
				+  // .staffs{
			
 
				+  //   max-width: 1500px;
			
 
				+  //   display: flex;
			
 
				+  //     flex-wrap: wrap;
			
 
				+  //     justify-content: center;
			
 
				+  //     align-items: center;
			
 
				+  //     align-content: center;
			
 
				+      
			
 
				+  // }
			
 
				+  // .staff{
			
 
				+  //    width: 350px;
			
 
				+     
			
 
				+  // }
			
 
				+  .main{
			
 
				+    display: flex;
			
 
				+  }
			
 
				+  
			
 
				+  .sider{
			
 
				+    background-color: #FD7F71
			
 
				+  }
			
 
				+  .auth__button{
			
 
				+    width: 100%;
			
 
				+    display : flex;
			
 
				+    padding-top: 30px;
			
 
				+    padding-bottom: 30px;
			
 
				+  }
			
 
				+  .btn1{
			
 
				+    width: 180px;
			
 
				+      margin-left: 0px;
			
 
				+      border-radius: 0px;
			
 
				+      padding-bottom: 10px;
			
 
				+      padding-top: 10px;
			
 
				+  }
			
 
				+  .btn2{
			
 
				+    width: 180px;
			
 
				+      margin-left: 0px;
			
 
				+      border-radius: 0px;
			
 
				+      padding-bottom: 10px;
			
 
				+      padding-top: 10px;
			
 
				+  }
			
 
				+
			
 
				+  
			
--- a/src/style/components/_header.scss
+++ b/src/style/components/_header.scss
@@ -0,0 +1,131 @@
 
				+.header {
			
 
				+	display:flex;
			
 
				+	
			
 
				+
			
 
				+	&__logo {
			
 
				+		width: 20%;
			
 
				+		margin: 0 auto;
			
 
				+		display: flex;
			
 
				+		justify-content: center;
			
 
				+		align-items: center;	
			
 
				+	}
			
 
				+
			
 
				+	&__searchLine{
			
 
				+		width: 60%;
			
 
				+		display: flex;
			
 
				+		justify-content: center;
			
 
				+		align-items: center;
			
 
				+	}
			
 
				+
			
 
				+	&__auth {
			
 
				+		width: 20%;
			
 
				+		display: flex;
			
 
				+		justify-content: center;
			
 
				+		align-items: center;
			
 
				+		
			
 
				+		&__container{
			
 
				+			
			
 
				+			display: flex;
			
 
				+			justify-content: center;
			
 
				+			align-items: center;
			
 
				+
			
 
				+			.avatar{
			
 
				+				padding-right: 5px;
			
 
				+			}
			
 
				+
			
 
				+			.text{
			
 
				+				color: $el-color;
			
 
				+				font-size: 18px;
			
 
				+			}
			
 
				+		}
			
 
				+	}
			
 
				+}
			
 
				+
			
 
				+.searchInput::-webkit-input-placeholder, .button {
			
 
				+    font-family: 'roboto', sans-serif;
			
 
				+    transition: all 0.3s ease-in-out;
			
 
				+}
			
 
				+  
			
 
				+.searchInput{   
			
 
				+	margin: 40px 25px;
			
 
				+	width: 75%;
			
 
				+	display: block;
			
 
				+	border: none;
			
 
				+	padding: 10px 0;
			
 
				+	border-bottom: solid 1px $color;
			
 
				+	transition: all 0.3s cubic-bezier(.64,.09,.08,1);
			
 
				+	background: linear-gradient(to bottom, rgba(255,255,255,0) 96%, $color 4%);
			
 
				+	background-position: -700px 0;
			
 
				+	background-size: 700px 100%;
			
 
				+	background-repeat: no-repeat;
			
 
				+	color: darken($color,1%);
			
 
				+	
			
 
				+	&:focus {
			
 
				+		box-shadow: none;
			
 
				+		outline: none;
			
 
				+		background-position: 0 0;
			
 
				+		&::-webkit-input-placeholder {
			
 
				+			text-indent: 700px; transition: text-indent 0.5s ease;
			
 
				+		}
			
 
				+	}
			
 
				+}
			
 
				+.searchBtn{
			
 
				+    border:none;
			
 
				+    outline: none;
			
 
				+    border: 0px;
			
 
				+    cursor: pointer;
			
 
				+	color: $primary;
			
 
				+	transition: .3s ease-out;
			
 
				+	
			
 
				+	&:hover,
			
 
				+	&:focus { 
			
 
				+    	transform: scale(1.125);
			
 
				+    
			
 
				+    	.icon {
			
 
				+	  		transform: scale(1.25); 
			
 
				+		} 
			
 
				+	} 
			
 
				+        // Display/alignment
			
 
				+        display: flex;
			
 
				+        justify-content: center;
			
 
				+        align-items: center;
			
 
				+        align-content: center;
			
 
				+        
			
 
				+        // Sizing
			
 
				+        width: 68px;
			
 
				+        height: 68px;
			
 
				+        border-radius: 34px;
			
 
				+        
			
 
				+        // Style
			
 
				+        background-color: $white;
			
 
				+        box-shadow:
			
 
				+          0 1px 1px rgba($background-3, .6),
			
 
				+          0 3px 3px rgba($background-3, .4),
			
 
				+          0 8px 16px rgba($background-3, .3);
			
 
				+        
			
 
				+        &:hover,
			
 
				+        &:focus {
			
 
				+          box-shadow:
			
 
				+            0 2px 2px rgba($background-3, .4),
			
 
				+            0 4px 4px rgba($background-3, .3),
			
 
				+            0 12px 32px rgba($background-3, .3); } 
			
 
				+}
			
 
				+
			
 
				+.fill-currentcolor {
			
 
				+	fill: currentcolor; 
			
 
				+}
			
 
				+  
			
 
				+.fill-none {
			
 
				+	fill: none; 
			
 
				+}
			
 
				+
			
 
				+.icon {
			
 
				+    width: 24px;
			
 
				+    height: 24px;
			
 
				+    transition: .3s ease-out;
			
 
				+        
			
 
				+    @media (min-width: $breakpoint) {
			
 
				+      	width: 32px;
			
 
				+		height: 32px; 
			
 
				+	} 
			
 
				+}
			
--- a/src/style/components/_leftMenu.scss
+++ b/src/style/components/_leftMenu.scss
@@ -0,0 +1,33 @@
 
				+.ant-layout-sider-children{
			
 
				+    background: $el-color; 
			
 
				+    height: 170%; 
			
 
				+}
			
 
				+.ant-menu-submenu-title{
			
 
				+    font-size: 20px;
			
 
				+    background: $el-color; 
			
 
				+    margin: 0;
			
 
				+        &:hover {
			
 
				+            background: rgb(223, 111, 98);
			
 
				+            margin: 0;
			
 
				+        }
			
 
				+}
			
 
				+.ant-menu-dark{
			
 
				+    background: $el-color;
			
 
				+}
			
 
				+.ant-layout-sider-trigger {
			
 
				+    position: fixed;
			
 
				+    text-align: center;
			
 
				+    bottom: 0;
			
 
				+    cursor: pointer;
			
 
				+    height: 48px;
			
 
				+    line-height: 48px;
			
 
				+    color: #fff;
			
 
				+    background: #e06b62;
			
 
				+    z-index: 1;
			
 
				+    transition: all 0.2s;
			
 
				+}
			
 
				+.ant-menu .ant-menu-sub .ant-menu-inline{
			
 
				+    & :hover{
			
 
				+        background: #db5b51d2;
			
 
				+    }  
			
 
				+}
			
--- a/src/style/components/_userProfil.scss
+++ b/src/style/components/_userProfil.scss
@@ -0,0 +1,82 @@
 
				+.profil{
			
 
				+    width: 100%;
			
 
				+    height: 75vh;
			
 
				+    margin: 10px;
			
 
				+    padding: 1%;
			
 
				+    border: none;
			
 
				+    border: 0px;
			
 
				+    color: #FD7F71;
			
 
				+    border-radius: 10px;
			
 
				+    background-color: #fff; 
			
 
				+    font-size: 20px;
			
 
				+    h2{
			
 
				+        text-align: center;
			
 
				+    }
			
 
				+    .profilData{
			
 
				+        width: 50%;
			
 
				+        margin: 0 auto;
			
 
				+    }
			
 
				+    .buttonConteiner{
			
 
				+        display: flex;
			
 
				+        justify-content: space-around;
			
 
				+    }
			
 
				+    .profilLink{
			
 
				+        border: none;
			
 
				+        background: rgb(99, 206, 99);
			
 
				+        cursor: pointer;
			
 
				+        border-radius: 3px;
			
 
				+        padding: 20px;
			
 
				+        width: 210px;
			
 
				+        color: white;
			
 
				+        box-shadow: 0 3px 6px 0 rgba(0,0,0,0.2);
			
 
				+        &:hover { 
			
 
				+        transform: translateY(-3px);
			
 
				+        box-shadow: 0 6px 6px 0 rgba(0,0,0,0.2);
			
 
				+        }
			
 
				+    }
			
 
				+    .profilBtn{
			
 
				+        border: none;
			
 
				+        background: rgb(207, 56, 40);
			
 
				+        cursor: pointer;
			
 
				+        border-radius: 3px;
			
 
				+        padding: 20px;
			
 
				+        width: 210px;
			
 
				+        color: white;
			
 
				+        box-shadow: 0 3px 6px 0 rgba(0,0,0,0.2);
			
 
				+        &:hover { 
			
 
				+        transform: translateY(-3px);
			
 
				+        box-shadow: 0 6px 6px 0 rgba(0,0,0,0.2);
			
 
				+        }
			
 
				+    }
			
 
				+
			
 
				+}
			
 
				+
			
 
				+.allMyStaff{
			
 
				+    border: none;
			
 
				+    cursor: pointer;
			
 
				+    border-radius: 35px;
			
 
				+    padding: 20px;
			
 
				+    width: 70px;
			
 
				+    color: black;
			
 
				+    box-shadow: 0 3px 6px 0 rgba(0,0,0,0.2);
			
 
				+    position: relative;
			
 
				+    top: -12em;
			
 
				+    &:hover { 
			
 
				+        background: rgb(99, 206, 99);
			
 
				+    }
			
 
				+}
			
 
				+.Exit{
			
 
				+    border: none;
			
 
				+    background: rgba(216, 216, 216, 0.5);
			
 
				+    cursor: pointer;
			
 
				+    border-radius: 35px;
			
 
				+    padding: 20px;
			
 
				+    width: 70px;
			
 
				+    color: black;
			
 
				+    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.2);
			
 
				+    position: relative;
			
 
				+    top: -12em;
			
 
				+    &:hover { 
			
 
				+        background: rgb(207, 56, 40);    
			
 
				+    }
			
 
				+}
			
--- a/src/style/components/auth.scss
+++ b/src/style/components/auth.scss
@@ -0,0 +1,119 @@
 
				+h1, .input::-webkit-input-placeholder, .button {
			
 
				+  font-family: 'roboto', sans-serif;
			
 
				+  transition: all 0.3s ease-in-out;
			
 
				+}
			
 
				+
			
 
				+h1 {
			
 
				+  height: 100px;
			
 
				+  width: 100%;
			
 
				+  font-size: 18px;
			
 
				+  background: darken($color, 4%);
			
 
				+  color: white;
			
 
				+  line-height: 150%;
			
 
				+  border-radius: 3px 3px 0 0;
			
 
				+  box-shadow: 0 2px 5px 1px rgba(0,0,0,0.2);
			
 
				+}
			
 
				+
			
 
				+.form {
			
 
				+  box-sizing: border-box;
			
 
				+  width: 460px;
			
 
				+  margin: 100px auto 0;
			
 
				+  box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.2);
			
 
				+  padding-bottom: 40px;
			
 
				+  border-radius: 3px;
			
 
				+}
			
 
				+
			
 
				+.input {
			
 
				+  margin: 20px 25px;
			
 
				+  width: 80%;
			
 
				+  display: block;
			
 
				+  border: none;
			
 
				+  padding: 10px 0;
			
 
				+  border-bottom: solid 1px $color;
			
 
				+  transition: all 0.3s cubic-bezier(.64,.09,.08,1);
			
 
				+  background: linear-gradient(to bottom, rgba(255,255,255,0) 96%, $color 4%);
			
 
				+  background-position: -200px 0;
			
 
				+  background-size: 200px 100%;
			
 
				+  background-repeat: no-repeat;
			
 
				+  color: darken($color, 1%);
			
 
				+  &:focus {
			
 
				+    box-shadow: none;
			
 
				+    outline: none;
			
 
				+    background-position: 0 0;
			
 
				+    &::-webkit-input-placeholder {
			
 
				+      color: $color;
			
 
				+      font-size: 11px;
			
 
				+      transform: translateY(-20px);
			
 
				+      visibility: visible !important;
			
 
				+    }
			
 
				+  }
			
 
				+}
			
 
				+//.input:focus::-webkit-input-placeholder {text-indent: 500px; transition: text-indent 0.5s ease;}
			
 
				+.button {
			
 
				+  border: none;
			
 
				+  background: $color;
			
 
				+  cursor: pointer;
			
 
				+  border-radius: 3px;
			
 
				+  padding: 6px;
			
 
				+  margin-bottom: 10px;
			
 
				+  width: 80%;
			
 
				+  color: white;
			
 
				+  margin-left: 25px;
			
 
				+  box-shadow: 0 3px 6px 0 rgba(0,0,0,0.2);
			
 
				+  &:hover { 
			
 
				+    transform: translateY(-3px);
			
 
				+    box-shadow: 0 6px 6px 0 rgba(0,0,0,0.2);
			
 
				+  }
			
 
				+}
			
 
				+// .allStaffs{
			
 
				+  
			
 
				+//   max-width: 1500px;
			
 
				+//    display: flex;
			
 
				+//     flex-wrap: wrap;
			
 
				+//     justify-content: center;
			
 
				+//     align-items: center;
			
 
				+//     align-content: center;
			
 
				+// }
			
 
				+// .staffs{
			
 
				+//   max-width: 1500px;
			
 
				+//   display: flex;
			
 
				+//     flex-wrap: wrap;
			
 
				+//     justify-content: center;
			
 
				+//     align-items: center;
			
 
				+//     align-content: center;
			
 
				+    
			
 
				+// }
			
 
				+// .staff{
			
 
				+//    width: 350px;
			
 
				+   
			
 
				+// }
			
 
				+.main{
			
 
				+  display: flex;
			
 
				+}
			
 
				+
			
 
				+.sider{
			
 
				+  background-color: #FD7F71
			
 
				+}
			
 
				+.auth__button{
			
 
				+
			
 
				+  width: 100%;
			
 
				+  display : flex;
			
 
				+  padding-top: 30px;
			
 
				+  padding-bottom: 30px;
			
 
				+  
			
 
				+}
			
 
				+.btn1{
			
 
				+  width: 180px;
			
 
				+    margin-left: 0px;
			
 
				+    border-radius: 0px;
			
 
				+    padding-bottom: 10px;
			
 
				+    padding-top: 10px;
			
 
				+}
			
 
				+.btn2{
			
 
				+  width: 180px;
			
 
				+    margin-left: 0px;
			
 
				+    border-radius: 0px;
			
 
				+    padding-bottom: 10px;
			
 
				+    padding-top: 10px;
			
 
				+}
			
 
				+
			
--- a/src/style/index.scss
+++ b/src/style/index.scss
@@ -0,0 +1,17 @@
 
				+@import "~antd/dist/antd.css";
			
 
				+
			
 
				+@import "abstracts/variables.scss";
			
 
				+
			
 
				+@import "base/base";
			
 
				+
			
 
				+@import "layout/container";
			
 
				+
			
 
				+@import "components/allStaff";
			
 
				+@import "components/form";
			
 
				+// @import "components/formLogin";
			
 
				+@import "components/header";
			
 
				+@import "components/leftMenu";
			
 
				+@import "components/userProfil";
			
 
				+
			
 
				+// @import './components/auth.scss';
			
 
				+
			
--- a/src/style/layout/container.scss
+++ b/src/style/layout/container.scss
@@ -0,0 +1,10 @@
 
				+// .container {
			
 
				+// 	max-width: 192rem;
			
 
				+// 	width: 100%;
			
 
				+// 	margin: 0 auto;
			
 
				+// }
			
 
				+
			
 
				+// .todo {
			
 
				+// 	padding: 3rem;
			
 
				+// 	display: flex;
			
 
				+// }
			
--- a/src/utils/authValidate.js
+++ b/src/utils/authValidate.js
@@ -0,0 +1,19 @@
 
				+export const authValidate =  values => {
			
 
				+    const { email, password } = values;
			
 
				+    const error = {};
			
 
				+
			
 
				+    if(!email) {
			
 
				+        
			
 
				+        error.email = "*"
			
 
				+    } else if (!/^[A-Z0-9._%+-]+@[A-Z0-9.]+\.[A-Z]{2,4}$/i.test(email)) {
			
 
				+        error.email = "Неверный адрес"
			
 
				+    }
			
 
				+
			
 
				+    if(!password) {
			
 
				+        error.password = "*"
			
 
				+    }else if(!/^[a-zA-Z0-9]+$/.test(password)) {
			
 
				+        error.password = "Неверный пароль"
			
 
				+    }
			
 
				+
			
 
				+    return error;
			
 
				+};
			
--- a/src/utils/regValidate.js
+++ b/src/utils/regValidate.js
@@ -0,0 +1,38 @@
 
				+export const regValidate = values => {
			
 
				+    const { login, password, name, phone, email } = values;
			
 
				+    const error = {};
			
 
				+
			
 
				+    if (!login) {
			
 
				+        error.login = "*" // - true если ничего не надо возвращать
			
 
				+    } else if (login.length > 15) {
			
 
				+        error.login = 'Must be 15 characters or less'
			
 
				+    } else if (!/^[a-zA-Z0-9]+$/.test(login)) {
			
 
				+        error.login = "invalid login"
			
 
				+    }
			
 
				+
			
 
				+    if (!password) {
			
 
				+        error.password = "*"
			
 
				+    }else if(!/^[a-zA-Z0-9]+$/.test(password)) {
			
 
				+        error.password = "Invalid password"
			
 
				+    }
			
 
				+
			
 
				+    if (!name) {
			
 
				+        error.name = "*"
			
 
				+    }else if (!/^[a-zA-Z0-9]+$/.test(name)) {
			
 
				+        error.name = "Invalid login"
			
 
				+    }
			
 
				+
			
 
				+    if (!phone) {
			
 
				+        error.phone = "*"
			
 
				+    }else if(!/^[0-9-+()]+$/.test(phone)) {
			
 
				+        error.phone = "Invalid phone number"
			
 
				+    }
			
 
				+
			
 
				+    if (!email) {
			
 
				+        error.email = "*"
			
 
				+    } else if (!/^[A-Z0-9._%+-]+@[A-Z0-9.]+\.[A-Z]{2,4}$/i.test(email)) {
			
 
				+        error.email = 'Invalid email address'
			
 
				+    }
			
 
				+
			
 
				+    return error;
			
 
				+};
			
--- a/src/utils/validate.js
+++ b/src/utils/validate.js
@@ -0,0 +1,15 @@
 
				+export default values => {
			
 
				+    const { email, password } = values;
			
 
				+    const error = {};
			
 
				+    console.log(values)
			
 
				+
			
 
				+    if(!email) {
			
 
				+        error.email = "Required"
			
 
				+    }
			
 
				+
			
 
				+    if(!password) {
			
 
				+        error.password = "Required"
			
 
				+    }
			
 
				+
			
 
				+    return error;
			
 
				+};
			
--- a/yarn.lock
+++ b/yarn.lock
Аутор	SHA1 Порука	Датум
vit9	1da04aab14 correct	пре 5 година
vit9	5d466105ca lastC	пре 5 година
vit9	fa9fe5c60d LastTop	пре 5 година
Vlad	379eb5fbac roza	пре 5 година
vit9	d8ba5e99c0 lastMerge	пре 5 година
vit9	06839b36ab lastPart	пре 5 година
Vlad	724909a91d devLa	пре 5 година
vit9	ee935f95e4 all	пре 5 година
Vlad	7b493623fe Vlad1	пре 5 година
vit9	1632b2cf17 l	пре 5 година
vit9	e7972b07d6 Merge branch 'Alesha1' into dev	пре 5 година
vit9	a75d07fe91 addNewFile	пре 5 година
vit9	4285bf9ac4 m	пре 5 година
vit9	e5d77ba46b vit9	пре 5 година
Vlad	9b12d7c227 vlad	пре 5 година
vit9	73ee9195b3 0602	пре 5 година
vit9	cb73e3ff33 fileImg	пре 5 година
Vlad	e560863fe0 inputFile	пре 5 година
Vlad	3467c4eafd scss	пре 5 година
Vlad	07ebe9a2e3 Merge branch 'dev' into Babich	пре 5 година
Vlad	fbfb850904 merDev	пре 5 година
vit9	9651ba0255 fixPrivateR	пре 5 година
vit9	9ca4c965ea privateRouting	пре 5 година
Vlad	0646caf8f4 catStafInfo	пре 5 година
Vlad	328cf8f888 form	пре 5 година
Vlad	acfcb2028e error1	пре 5 година
vit9	00f32c7d8b mergefix2	пре 5 година
vit9	7553b5d340 mergefix1	пре 5 година
vit9	dc227bbfd8 mergefix	пре 5 година
Vlad	442eff56c2 fix2	пре 5 година
Vlad	81e41e87d4 leftMenu	пре 5 година
vit9	d6345cf63b fix	пре 5 година
Alex	b0819b0eea 'error'	пре 5 година
vit9	2a1d1b5e14 fix	пре 5 година
Alex	7914a15d7b added auth validation	пре 5 година
Alex	0fd2a741e9 added auth validation	пре 5 година
Vlad	cfb3ea346f leftEroor	пре 5 година
vit9	63bf9b7f85 remote	пре 5 година
vit9	5f06ec4c6e fix	пре 5 година
vit9	a1239597ba auth	пре 5 година
vit9	d07445e2f2 router	пре 5 година
vit9	c0ccd2b16a merge	пре 5 година
vit9	2fc902ee02 correcterror	пре 5 година
vit9	d5490cf5ce scss	пре 5 година
Vlad	c2ee943f2f add-material1	пре 5 година
Vlad	0feb222d9d add-material	пре 5 година
vit9	c6e224c62c serverRequest	пре 5 година
vit9	a88c5bf7d6 problemSolving	пре 5 година
vit9	d735ece427 addStaff	пре 5 година
Vlad	1d292a7996 leftmenu scss	пре 5 година
Alex	a149e26a04 athuorisation added back	пре 5 година
Alex	83742cbd27 authorisation	пре 5 година
Alex	ab52cd660b authorisation	пре 5 година
vit9	85360c3f97 delBack	пре 5 година
vit9	71db32692d regAndLog	пре 5 година
vit9	bd4340eec9 delAuth2	пре 5 година
vit9	5023b09a06 delAuth	пре 5 година
vit9	a23ae11ef3 regitsration2	пре 5 година
Alex	ef7f8cb8a6 registration	пре 5 година
vit9	32eccbebd4 redux-form	пре 5 година
Alex	f3e7d87366 auth	пре 5 година
vit9	f16f77eeb4 Merge branch 'Alyosha' into dev	пре 5 година
vit9	efa90c20c5 bd axios	пре 5 година
Vlad	66e667f4b7 del app.js	пре 5 година
Vlad	5f0d8b1728 next2	пре 5 година
Vlad	1428c909d6 left menu	пре 5 година
Vlad	9d3e8ebf06 header2	пре 6 година
vit9	a6e08d1d69 header1	пре 6 година
vit9	ea5248d7a5 header	пре 6 година
vit9	c5fe0be6dc next1	пре 6 година