diff --git a/app/components/Views/AccountPermissions/AccountPermissions.tsx b/app/components/Views/AccountPermissions/AccountPermissions.tsx index b220895e4b3..9cf71ed3409 100755 --- a/app/components/Views/AccountPermissions/AccountPermissions.tsx +++ b/app/components/Views/AccountPermissions/AccountPermissions.tsx @@ -136,7 +136,7 @@ const AccountPermissions = (props: AccountPermissionsProps) => { hideSheet(); toastRef?.current?.showToast({ variant: ToastVariants.Plain, - labelOptions: [{ label: strings('toast.revoked_all') }], + labelOptions: [{ label: strings('toast.disconnected_all') }], }); previousPermittedAccounts.current = permittedAccountsByHostname.length; } diff --git a/app/components/Views/AccountPermissions/AccountPermissionsRevoke/AccountPermissionsRevoke.styles.ts b/app/components/Views/AccountPermissions/AccountPermissionsRevoke/AccountPermissionsRevoke.styles.ts index 2c78fc3a4e6..899cd4a8538 100644 --- a/app/components/Views/AccountPermissions/AccountPermissionsRevoke/AccountPermissionsRevoke.styles.ts +++ b/app/components/Views/AccountPermissions/AccountPermissionsRevoke/AccountPermissionsRevoke.styles.ts @@ -16,7 +16,6 @@ const styleSheet = (params: { theme: Theme }) => { paddingHorizontal: 16, }, description: { - textAlign: 'center', marginVertical: 16, color: colors.text.alternative, }, @@ -33,6 +32,13 @@ const styleSheet = (params: { theme: Theme }) => { }, downCaretContainer: { justifyContent: 'center', flex: 1 }, disconnectButton: { alignSelf: 'center' }, + permissionContainer: { flexDirection: 'row', alignItems: 'center' }, + securityContainer: { + flexDirection: 'row', + alignItems: 'center', + marginVertical: 16, + }, + permissionDescription: { marginLeft: 16 }, }); }; diff --git a/app/components/Views/AccountPermissions/AccountPermissionsRevoke/AccountPermissionsRevoke.tsx b/app/components/Views/AccountPermissions/AccountPermissionsRevoke/AccountPermissionsRevoke.tsx index 1fc7871e7e4..fefaeafee78 100644 --- a/app/components/Views/AccountPermissions/AccountPermissionsRevoke/AccountPermissionsRevoke.tsx +++ b/app/components/Views/AccountPermissions/AccountPermissionsRevoke/AccountPermissionsRevoke.tsx @@ -32,7 +32,13 @@ import { AccountPermissionsRevokeProps } from './AccountPermissionsRevoke.types' import styleSheet from './AccountPermissionsRevoke.styles'; import { useSelector } from 'react-redux'; import generateTestId from '../../../../../wdio/utils/generateTestId'; -import { CONNECTED_ACCOUNTS_MODAL_REVOKE_BUTTON_ID } from '../../../../../wdio/screen-objects/testIDs/Components/ConnectedAccountsModal.testIds'; +import { + CONNECTED_ACCOUNTS_MODAL_DISCONNECT_ALL_BUTTON_ID, + CONNECTED_ACCOUNTS_MODAL_REVOKE_BUTTON_ID, +} from '../../../../../wdio/screen-objects/testIDs/Components/ConnectedAccountsModal.testIds'; +import { IconName } from '../../../../component-library/components/Icons/Icon'; +import Avatar from '../../../../component-library/components/Avatars/Avatar/Avatar'; +import { AvatarVariants } from '../../../../component-library/components/Avatars/Avatar'; const AccountPermissionsRevoke = ({ ensByAccountAddress, @@ -88,14 +94,19 @@ const AccountPermissionsRevoke = ({ const renderSheetAction = useCallback( () => ( - + @@ -107,7 +118,7 @@ const AccountPermissionsRevoke = ({ return ( <> onSetPermissionsScreen(AccountPermissionsScreens.Connected) } @@ -119,14 +130,25 @@ const AccountPermissionsRevoke = ({ iconName={secureIcon} /> - {strings('accounts.connect_description')} + {strings('accounts.site_permission_to')} + + + + {strings('accounts.address_balance_activity_permission')} + + + + + + {strings('accounts.suggest_transactions')} + + (