diff options
author | Sebastian <sebasjm@gmail.com> | 2024-06-14 15:11:34 -0300 |
---|---|---|
committer | Sebastian <sebasjm@gmail.com> | 2024-06-14 15:11:34 -0300 |
commit | cf929379bc2b09222817fbbd7063d0b31fc00add (patch) | |
tree | cdde0cabd030abe73b5ce81ecc26bcc05b940769 /packages/bank-ui/src/pages/account | |
parent | 999a18a25381083b64aad448875d59139573c978 (diff) |
fix #8930
Diffstat (limited to 'packages/bank-ui/src/pages/account')
-rw-r--r-- | packages/bank-ui/src/pages/account/ShowAccountDetails.tsx | 15 |
1 files changed, 15 insertions, 0 deletions
diff --git a/packages/bank-ui/src/pages/account/ShowAccountDetails.tsx b/packages/bank-ui/src/pages/account/ShowAccountDetails.tsx index 2d6b88863..7db81115f 100644 --- a/packages/bank-ui/src/pages/account/ShowAccountDetails.tsx +++ b/packages/bank-ui/src/pages/account/ShowAccountDetails.tsx @@ -43,6 +43,7 @@ import { useSessionState } from "../../hooks/session.js"; import { LoginForm } from "../LoginForm.js"; import { ProfileNavigation } from "../ProfileNavigation.js"; import { AccountForm } from "../admin/AccountForm.js"; +import { usePreferences } from "../../hooks/preferences.js"; export function ShowAccountDetails({ account, @@ -68,6 +69,7 @@ export function ShowAccountDetails({ account: string; }): VNode { const { i18n } = useTranslationContext(); + const [preferences] = usePreferences(); const { state: credentials } = useSessionState(); const creds = credentials.status !== "loggedIn" ? undefined : credentials; const { @@ -540,6 +542,19 @@ export function ShowAccountDetails({ <i18n.Translate>Cancel</i18n.Translate> </a> <span></span> + + {!preferences.showCopyAccount ? ( + <span /> + ) : ( + <CopyButton + getContent={() => + !accountLetter ? "" : JSON.stringify(accountLetter) + } + class="flex text-center disabled:opacity-50 disabled:cursor-default cursor-pointer rounded-md bg-indigo-600 px-3 py-2 text-sm font-semibold text-white shadow-sm hover:bg-indigo-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-600" + > + <i18n.Translate>Copy</i18n.Translate> + </CopyButton> + )} </div> </div> )} |