From 1a751b4fa7ae77e15b06e9131133950652d1e728 Mon Sep 17 00:00:00 2001
From: Reckless_Satoshi <reckless.satoshi@protonmail.com>
Date: Mon, 16 May 2022 05:22:08 -0700
Subject: [PATCH] Make collateral lock step more explicit for takers

---
 frontend/src/components/TradeBox.js | 7 ++++++-
 frontend/src/locales/en.json        | 2 ++
 frontend/src/locales/es.json        | 1 +
 3 files changed, 9 insertions(+), 1 deletion(-)

diff --git a/frontend/src/components/TradeBox.js b/frontend/src/components/TradeBox.js
index c01cff20..6f5cad1d 100644
--- a/frontend/src/components/TradeBox.js
+++ b/frontend/src/components/TradeBox.js
@@ -273,12 +273,17 @@ class TradeBox extends Component {
         {/* Make confirmation sound for HTLC received. */}
         {this.Sound("locked-invoice")}
         <Grid item xs={12} align="center">
-          <Typography color="green" variant="subtitle1">
+          <Typography color="orange" variant="subtitle1">
             <b>
               {t("Lock {{amountSats}} Sats as collateral", {amountSats:pn(this.props.data.escrow_satoshis)})}
             </b>{" " + this.stepXofY()}
           </Typography>
         </Grid>
+        <Grid item xs={12} align="center">
+          <Typography variant="body2">
+            {t("You risk losing your bond if you do not lock the collateral. Total time to available is {{deposit_timer_hours}}h {{deposit_timer_minutes}}m.", this.depositHoursMinutes() )}
+          </Typography>
+        </Grid>
         <Grid item xs={12} align="center">
           <Box sx={{bgcolor:'#ffffff', width:'315px', position:'relative', left:'-5px'}} >
             <QRCode value={this.props.data.escrow_invoice} size={305} style={{position:'relative', top:'3px'}}/>
diff --git a/frontend/src/locales/en.json b/frontend/src/locales/en.json
index dcd999ba..c0149611 100644
--- a/frontend/src/locales/en.json
+++ b/frontend/src/locales/en.json
@@ -351,6 +351,8 @@
     "Your order is paused":"Your order is paused",
     "Your public order has been paused. At the moment it cannot be seen or taken by other robots. You can choose to unpause it at any time.":"Your public order has been paused. At the moment it cannot be seen or taken by other robots. You can choose to unpause it at any time.",
     "Unpause Order":"Unpause Order",
+    "You risk losing your bond if you do not lock the collateral. Total time to available is {{deposit_timer_hours}}h {{deposit_timer_minutes}}m.":"You risk losing your bond if you do not lock the collateral. Total time to available is {{deposit_timer_hours}}h {{deposit_timer_minutes}}m.",
+
 
     "INFO DIALOG - InfoDiagog.js":"App information and clarifications and terms of use",
     "Close":"Close",
diff --git a/frontend/src/locales/es.json b/frontend/src/locales/es.json
index 984e3ecf..bfe5f7bf 100644
--- a/frontend/src/locales/es.json
+++ b/frontend/src/locales/es.json
@@ -351,6 +351,7 @@
     "Your order is paused":"Tu orden está en pausa",
     "Your public order has been paused. At the moment it cannot be seen or taken by other robots. You can choose to unpause it at any time.":"Tu orden pública fue pausada. Ahora mismo, la orden no puede ser vista ni tomada por otros robots. Puedes volver a activarla cuando desees.",
     "Unpause Order":"Activar Orden",
+    "You risk losing your bond if you do not lock the collateral. Total time to available is {{deposit_timer_hours}}h {{deposit_timer_minutes}}m.":"Si no bloqueas el deposito de confianza te arriesgas a perder tu fianza. Dispones en total de {{deposit_timer_hours}}h {{deposit_timer_minutes}}m.",
 
 
     "INFO DIALOG - InfoDiagog.js": "App information and clarifications and terms of use",