Merge pull request #6 from reef-chain/select-account-btn

feat: select account button
reef-chain · Sep 19, 2023 · 06b3d41 · 06b3d41
2 parents 2ec9161 + 728ecd3
commit 06b3d41
Show file tree

Hide file tree

Showing 3 changed files with 19 additions and 3 deletions.
diff --git a/src/ui-kit/components/organisms/AccountSelector/Account.tsx b/src/ui-kit/components/organisms/AccountSelector/Account.tsx
@@ -88,6 +88,14 @@ const Account = ({
 
     </div>
 
+<div className="uik-account-selector__select_btn">
+<Button
+  fill
+    text={localizedStrings.select}
+    size='large'
+    onClick={onSelect}
+    /> 
+</div>
     <button
       type="button"
       className="uik-account-selector-account__qr-code"

diff --git a/src/ui-kit/l10n/l10n.tsx b/src/ui-kit/l10n/l10n.tsx
@@ -14,7 +14,8 @@ export const localizedStrings = new LocalizedStrings({
         copied_reef_evm:"Copied Reef EVM address to clipboard.\nDO NOT use this Reef EVM address on any other chain. ONLY use it on Reef chain.",
         i_understand:"I understand",
         open_in_explorer:"Open in Explorer",
-        selected:"Selected"
+        selected:"Selected",
+        select:"Select"
     },
     hi:{
         select_account: "खाता चुनें",
@@ -29,6 +30,7 @@ export const localizedStrings = new LocalizedStrings({
         copied_reef_evm: "रीफ ई वी एम पता क्लिपबोर्ड पर कॉपी किया गया।\nकृपया इस रीफ ई वी एम पते का किसी अन्य चेन पर उपयोग न करें। केवल रीफ चेन पर ही उपयोग करें।",
         i_understand: "मैं समझता हूँ",
         open_in_explorer: "एक्सप्लोरर में खोलें",
-        selected: "चयनित"
+        selected: "चयनित",
+        select:"चुनें"
     }
 })
diff --git a/src/ui-kit/styles/account-selector.scss b/src/ui-kit/styles/account-selector.scss
@@ -1,4 +1,11 @@
 .uik-account-selector {
+  .uik-account-selector__select_btn {
+    border: none;
+    display: flex;
+    padding: 10px;
+    margin-left: auto;
+    margin-right: 40px;
+  }
   .uik-account-selector__wrapper {
     position: fixed;
     top: 0;
@@ -261,7 +268,6 @@
     box-shadow: var(--neomorph-in);
     border-radius: 10px;
     transition: all 0.125s;
-    margin-left: auto;
     pointer-events: none;
 
     .uik-qr-code {