From 8e18d4a0dc7c8119de9023af1ab989efb343bafb Mon Sep 17 00:00:00 2001
From: "a.bouhuolia" <a.bouhuolia@live.com>
Date: Mon, 13 Dec 2021 16:47:52 +0200
Subject: [PATCH] feat: modify the locked transactions module.

---
 src/containers/TransactionsLocking/components.js | 15 +++++++++++++--
 1 file changed, 13 insertions(+), 2 deletions(-)

diff --git a/src/containers/TransactionsLocking/components.js b/src/containers/TransactionsLocking/components.js
index 74ca47c0c..0a4227dab 100644
--- a/src/containers/TransactionsLocking/components.js
+++ b/src/containers/TransactionsLocking/components.js
@@ -62,7 +62,7 @@ export const TransactionLockingContent = ({
   };
 
   return (
-    <TransactionLockingWrapp>
+    <TransactionLockingWrapp isEnabled={isEnabled}>
       <TransLockingInner>
         <TransLockingIcon>
           <Icon icon="lock" iconSize={24} />
@@ -116,7 +116,8 @@ export const TransactionLockingContent = ({
                   />
                 </Menu>
               }
-              placement="bottom"
+              placement={'bottom-start'}
+              minimal={true}
             >
               <Button small={true} minimal={true} intent={Intent.PRIMARY}>
                 Unlock
@@ -138,6 +139,16 @@ const TransactionLockingWrapp = styled.div`
   margin-bottom: 22px;
   background: #fff;
   box-shadow: 0 4px 20px -5px rgb(0 8 36 / 5%);
+
+  ${(props) =>
+    props.isEnabled &&
+    `
+    border-color: #fe9f9e; 
+
+    ${TransLockingIcon} {
+      color: #ff8282;
+    }
+  `}
 `;
 
 const TransLockingInner = styled.div`