diff --git a/src/pages/workspace/MemberRightIcon.tsx b/src/pages/workspace/MemberRightIcon.tsx index 84a7bdfe7632..bcd48b4385e0 100644 --- a/src/pages/workspace/MemberRightIcon.tsx +++ b/src/pages/workspace/MemberRightIcon.tsx @@ -1,4 +1,5 @@ import React from 'react'; +import type {StyleProp, ViewStyle} from 'react-native'; import Badge from '@components/Badge'; import useLocalize from '@hooks/useLocalize'; import CONST from '@src/CONST'; @@ -8,9 +9,10 @@ type MemberRightIconProps = { owner?: string; role?: string; login?: string; + badgeStyles?: StyleProp; }; -export default function MemberRightIcon({role, owner, login}: MemberRightIconProps) { +export default function MemberRightIcon({role, owner, login, badgeStyles}: MemberRightIconProps) { const {translate} = useLocalize(); let badgeText: TranslationPaths | undefined; @@ -22,7 +24,12 @@ export default function MemberRightIcon({role, owner, login}: MemberRightIconPro badgeText = 'common.auditor'; } if (badgeText) { - return ; + return ( + + ); } return null; } diff --git a/src/pages/workspace/WorkspaceMembersPage.tsx b/src/pages/workspace/WorkspaceMembersPage.tsx index 1255aa673b50..219a01e50644 100644 --- a/src/pages/workspace/WorkspaceMembersPage.tsx +++ b/src/pages/workspace/WorkspaceMembersPage.tsx @@ -435,6 +435,7 @@ function WorkspaceMembersPage({personalDetails, route, policy}: WorkspaceMembers role={policyEmployee.role} owner={policy?.owner} login={details.login} + badgeStyles={[styles.alignSelfEnd]} /> @@ -473,6 +474,7 @@ function WorkspaceMembersPage({personalDetails, route, policy}: WorkspaceMembers styles.flex1, styles.pr3, styles.alignSelfStart, + styles.alignSelfEnd, isControlPolicyWithWideLayout, StyleUtils, formatPhoneNumber,