feat: rebrand unlock button (#2194)

iotaledger · Sep 3, 2024 · e04f807 · e04f807
1 parent c0cc650
commit e04f807
Showing 1 changed file with 10 additions and 4 deletions.
diff --git a/apps/wallet/src/ui/app/components/accounts/UnlockAccountButton.tsx b/apps/wallet/src/ui/app/components/accounts/UnlockAccountButton.tsx
@@ -3,9 +3,8 @@
 // SPDX-License-Identifier: Apache-2.0
 
 import { type SerializedUIAccount } from '_src/background/accounts/Account';
-
-import { Button } from '../../shared/ButtonUI';
 import { useUnlockAccount } from './UnlockAccountContext';
+import { Button, ButtonType } from '@iota/apps-ui-kit';
 
 export interface UnlockAccountButtonProps {
     account: SerializedUIAccount;
@@ -14,12 +13,19 @@ export interface UnlockAccountButtonProps {
 
 export function UnlockAccountButton({
     account,
-    title = 'Unlock Account',
+    title = 'Unlock your Account',
 }: UnlockAccountButtonProps) {
     const { isPasswordUnlockable } = account;
     const { unlockAccount } = useUnlockAccount();
 
     if (isPasswordUnlockable) {
-        return <Button text={title} onClick={() => unlockAccount(account)} />;
+        return (
+            <Button
+                text={title}
+                onClick={() => unlockAccount(account)}
+                type={ButtonType.Secondary}
+                fullWidth
+            />
+        );
     }
 }