From 0378470ba6e679c06d16398378863006efacbc21 Mon Sep 17 00:00:00 2001
From: Mikhail Mikheev <mmvsha73@gmail.com>
Date: Fri, 4 Oct 2019 15:01:11 +0400
Subject: [PATCH] Fix missing whitespace in required confirmation text

---
 .../ManageOwners/AddOwnerModal/screens/Review/index.jsx   | 7 +------
 .../RemoveOwnerModal/screens/Review/index.jsx             | 7 +------
 .../ReplaceOwnerModal/screens/Review/index.jsx            | 8 +-------
 .../Settings/ThresholdSettings/ChangeThreshold/index.jsx  | 8 ++------
 4 files changed, 5 insertions(+), 25 deletions(-)

diff --git a/src/routes/safe/components/Settings/ManageOwners/AddOwnerModal/screens/Review/index.jsx b/src/routes/safe/components/Settings/ManageOwners/AddOwnerModal/screens/Review/index.jsx
index ec6b9054..70f67fe0 100644
--- a/src/routes/safe/components/Settings/ManageOwners/AddOwnerModal/screens/Review/index.jsx
+++ b/src/routes/safe/components/Settings/ManageOwners/AddOwnerModal/screens/Review/index.jsx
@@ -76,12 +76,7 @@ const ReviewAddOwner = ({
                   Any transaction requires the confirmation of:
                 </Paragraph>
                 <Paragraph size="lg" color="primary" noMargin weight="bolder" className={classes.name}>
-                  {values.threshold}
-                  {' '}
-                  out of
-                  {owners.size + 1}
-                  {' '}
-                  owner(s)
+                  {`${values.threshold} out of ${owners.size + 1} owner(s)`}
                 </Paragraph>
               </Block>
             </Block>
diff --git a/src/routes/safe/components/Settings/ManageOwners/RemoveOwnerModal/screens/Review/index.jsx b/src/routes/safe/components/Settings/ManageOwners/RemoveOwnerModal/screens/Review/index.jsx
index 1f29c38b..4acb5f6a 100644
--- a/src/routes/safe/components/Settings/ManageOwners/RemoveOwnerModal/screens/Review/index.jsx
+++ b/src/routes/safe/components/Settings/ManageOwners/RemoveOwnerModal/screens/Review/index.jsx
@@ -87,12 +87,7 @@ const ReviewRemoveOwner = ({
                   Any transaction requires the confirmation of:
                 </Paragraph>
                 <Paragraph size="lg" color="primary" noMargin weight="bolder" className={classes.name}>
-                  {values.threshold}
-                  {' '}
-                  out of
-                  {owners.size - 1}
-                  {' '}
-                  owner(s)
+                  {`${values.threshold} out of ${owners.size - 1} owner(s)`}
                 </Paragraph>
               </Block>
             </Block>
diff --git a/src/routes/safe/components/Settings/ManageOwners/ReplaceOwnerModal/screens/Review/index.jsx b/src/routes/safe/components/Settings/ManageOwners/ReplaceOwnerModal/screens/Review/index.jsx
index 0a956687..20e5c306 100644
--- a/src/routes/safe/components/Settings/ManageOwners/ReplaceOwnerModal/screens/Review/index.jsx
+++ b/src/routes/safe/components/Settings/ManageOwners/ReplaceOwnerModal/screens/Review/index.jsx
@@ -89,13 +89,7 @@ const ReviewRemoveOwner = ({
                   Any transaction requires the confirmation of:
                 </Paragraph>
                 <Paragraph size="lg" color="primary" noMargin weight="bolder" className={classes.name}>
-                  {threshold}
-                  {' '}
-                  out of
-                  {' '}
-                  {owners.size}
-                  {' '}
-                  owner(s)
+                  {`${threshold} out of ${owners.size} owner(s)`}
                 </Paragraph>
               </Block>
             </Block>
diff --git a/src/routes/safe/components/Settings/ThresholdSettings/ChangeThreshold/index.jsx b/src/routes/safe/components/Settings/ThresholdSettings/ChangeThreshold/index.jsx
index e980444a..c7a015f4 100644
--- a/src/routes/safe/components/Settings/ThresholdSettings/ChangeThreshold/index.jsx
+++ b/src/routes/safe/components/Settings/ThresholdSettings/ChangeThreshold/index.jsx
@@ -70,7 +70,7 @@ const ChangeThreshold = ({
                 <Col xs={2}>
                   <Field
                     name={THRESHOLD_FIELD_NAME}
-                    render={(props) => (
+                    render={(props: Object) => (
                       <>
                         <SelectField {...props} disableError>
                           {[...Array(Number(owners.size))].map((x, index) => (
@@ -92,11 +92,7 @@ const ChangeThreshold = ({
                 </Col>
                 <Col xs={10}>
                   <Paragraph size="lg" color="primary" noMargin className={classes.ownersText}>
-                    out of
-                    {' '}
-                    {owners.size}
-                    {' '}
-owner(s)
+                    {`out of ${owners.size} owner(s)`}
                   </Paragraph>
                 </Col>
               </Row>