From 4f591a46494fd8d12b134f1fb25475719b207ffd Mon Sep 17 00:00:00 2001
From: Denis <cane@25art.ru>
Date: Sun, 11 Sep 2022 17:36:01 +0300
Subject: [PATCH] =?UTF-8?q?=D0=B4=D0=BB=D1=8F=20=D1=81=D1=82=D0=B0=D1=80?=
 =?UTF-8?q?=D0=B5=D0=B9=D0=B4=D1=80=D0=BE=D0=B2=20=D0=B4=D0=BE=D0=B1=D0=B0?=
 =?UTF-8?q?=D0=B2=D0=B8=D0=BB=20innerWidth=20=D0=BD=D0=B0=D1=81=D1=82?=
 =?UTF-8?q?=D1=80=D0=BE=D0=B9=D0=BA=D0=B8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../change/components/CalculationsList/index.js  | 16 ++++++++++++----
 .../change/components/SignatoriesList/index.js   | 15 ++++++++++++---
 2 files changed, 24 insertions(+), 7 deletions(-)

diff --git a/pages/contract/change/components/CalculationsList/index.js b/pages/contract/change/components/CalculationsList/index.js
index abaf257..e5c949b 100644
--- a/pages/contract/change/components/CalculationsList/index.js
+++ b/pages/contract/change/components/CalculationsList/index.js
@@ -35,9 +35,17 @@ export default class CalculationsList extends React.Component
 		super(props);
 		this.state = {
 			company: {},
+			width: 1920
 		};
 	}
 
+	componentDidMount()
+	{
+		this.setState({
+			width: window.innerWidth
+		})
+	}
+
 	_handle_onCalculation = (calculation_id) => 
 	{
 		//href={ `/contract/${ number }/change/#${ calculation.addcontract_number }` } 
@@ -50,11 +58,11 @@ export default class CalculationsList extends React.Component
 			dots: false,
 			infinite: false,
 			speed: 500,
-			slidesToShow: 2.3,
-			slidesToScroll: 1,
+			slidesToShow: this.state.width < 1279 ? 1 : 2.3,
 			centerMode: false,
-			variableWidth: false,
-			nextArrow: <NextArrow />,
+			variableWidth: this.state.width < 1279 ? true : false,
+			dragFree: this.state.width < 1279 ? true : false,
+			nextArrow: <NextArrow />, 
 			prevArrow: <PrevArrow />,
 		};
 
diff --git a/pages/contract/change/components/SignatoriesList/index.js b/pages/contract/change/components/SignatoriesList/index.js
index 48e1b93..72c18ce 100644
--- a/pages/contract/change/components/SignatoriesList/index.js
+++ b/pages/contract/change/components/SignatoriesList/index.js
@@ -34,19 +34,28 @@ export default class SignatoriesList extends React.Component
 		super(props);
 		this.state = {
 			company: {},
+			width: 1920
 		};
 	}
 
+	componentDidMount()
+	{
+		this.setState({
+			width: window.innerWidth
+		})
+	}
+
 	render() 
 	{
 		const settings = {
 			dots: false,
 			infinite: false,
 			speed: 500,
-			slidesToShow: 2.5,
-			slidesToScroll: 1,
+			slidesToShow: this.state.width < 1279 ? 1 : 2.5,
+			centerMode: false,
+			variableWidth: this.state.width < 1279 ? true : false,
+			dragFree: this.state.width < 1279 ? true : false,
 			centerMode: false,
-			variableWidth: false,
 			nextArrow: <NextArrow />,
 			prevArrow: <PrevArrow />,
 		};