diff --git a/assets/images/simple-illustrations/simple-illustration__receipt-wrangler.svg b/assets/images/simple-illustrations/simple-illustration__receipt-wrangler.svg
new file mode 100644
index 000000000000..f6bca6a344ea
--- /dev/null
+++ b/assets/images/simple-illustrations/simple-illustration__receipt-wrangler.svg
@@ -0,0 +1,35 @@
+
diff --git a/src/components/Icon/Illustrations.ts b/src/components/Icon/Illustrations.ts
index a1de06314e4b..c9427a57c2b3 100644
--- a/src/components/Icon/Illustrations.ts
+++ b/src/components/Icon/Illustrations.ts
@@ -55,6 +55,7 @@ import OpenSafe from '@assets/images/simple-illustrations/simple-illustration__o
import PalmTree from '@assets/images/simple-illustrations/simple-illustration__palmtree.svg';
import Profile from '@assets/images/simple-illustrations/simple-illustration__profile.svg';
import QRCode from '@assets/images/simple-illustrations/simple-illustration__qr-code.svg';
+import ReceiptWrangler from '@assets/images/simple-illustrations/simple-illustration__receipt-wrangler.svg';
import SanFrancisco from '@assets/images/simple-illustrations/simple-illustration__sanfrancisco.svg';
import ShieldYellow from '@assets/images/simple-illustrations/simple-illustration__shield.svg';
import SmallRocket from '@assets/images/simple-illustrations/simple-illustration__smallrocket.svg';
@@ -89,6 +90,7 @@ export {
MoneyMousePink,
ReceiptsSearchYellow,
ReceiptYellow,
+ ReceiptWrangler,
RocketBlue,
RocketOrange,
SanFrancisco,
diff --git a/src/languages/en.ts b/src/languages/en.ts
index e4042ddd6ddd..472faa8d4f71 100755
--- a/src/languages/en.ts
+++ b/src/languages/en.ts
@@ -1675,6 +1675,7 @@ export default {
bookTravelWithConcierge: 'Book travel with Concierge',
},
invite: {
+ member: 'Invite member',
invitePeople: 'Invite new members',
genericFailureMessage: 'An error occurred inviting the user to the workspace, please try again.',
pleaseEnterValidLogin: `Please ensure the email or phone number is valid (e.g. ${CONST.EXAMPLE_PHONE_NUMBER}).`,
diff --git a/src/languages/es.ts b/src/languages/es.ts
index 643e9d63fe5f..dfbe31668c5e 100644
--- a/src/languages/es.ts
+++ b/src/languages/es.ts
@@ -1699,6 +1699,7 @@ export default {
bookTravelWithConcierge: 'Reserva viajes con Concierge',
},
invite: {
+ member: 'Invitar miembros',
invitePeople: 'Invitar nuevos miembros',
genericFailureMessage: 'Se produjo un error al invitar al usuario al espacio de trabajo. Vuelva a intentarlo..',
pleaseEnterValidLogin: `Asegúrese de que el correo electrónico o el número de teléfono sean válidos (p. ej. ${CONST.EXAMPLE_PHONE_NUMBER}).`,
diff --git a/src/pages/workspace/WorkspaceMembersPage.js b/src/pages/workspace/WorkspaceMembersPage.js
index c24ea1af4a5e..41f521b31e53 100644
--- a/src/pages/workspace/WorkspaceMembersPage.js
+++ b/src/pages/workspace/WorkspaceMembersPage.js
@@ -9,6 +9,8 @@ import FullPageNotFoundView from '@components/BlockingViews/FullPageNotFoundView
import Button from '@components/Button';
import ConfirmModal from '@components/ConfirmModal';
import HeaderWithBackButton from '@components/HeaderWithBackButton';
+import * as Expensicons from '@components/Icon/Expensicons';
+import * as Illustrations from '@components/Icon/Illustrations';
import MessagesRow from '@components/MessagesRow';
import networkPropTypes from '@components/networkPropTypes';
import {withNetwork} from '@components/OnyxProvider';
@@ -415,6 +417,29 @@ function WorkspaceMembersPage(props) {
);
};
+ const getHeaderButtons = () => (
+
+
+
+
+ );
+
return (
{
setSearchValue('');
Navigation.goBack();
}}
shouldShowBackButton={isSmallScreenWidth}
guidesCallTaskID={CONST.GUIDES_CALL_TASK_IDS.WORKSPACE_MEMBERS}
- />
+ >
+ {!isSmallScreenWidth && getHeaderButtons()}
+
+ {isSmallScreenWidth && {getHeaderButtons()}}
-
-
-
-
-
-
- {
- SearchInputManager.searchInput = value;
- setSearchValue(value);
- }}
- disableKeyboardShortcuts={removeMembersConfirmModalVisible}
- headerMessage={getHeaderMessage()}
- headerContent={getHeaderContent()}
- onSelectRow={(item) => toggleUser(item.accountID)}
- onSelectAll={() => toggleAllUsers(data)}
- onDismissError={dismissError}
- showLoadingPlaceholder={!isOfflineAndNoMemberDataAvailable && (!OptionsListUtils.isPersonalDetailsReady(props.personalDetails) || _.isEmpty(props.policyMembers))}
- showScrollIndicator
- shouldPreventDefaultFocusOnSelectRow={!DeviceCapabilities.canUseTouchScreen()}
- inputRef={textInputRef}
- />
-
+
+ {
+ SearchInputManager.searchInput = value;
+ setSearchValue(value);
+ }}
+ disableKeyboardShortcuts={removeMembersConfirmModalVisible}
+ headerMessage={getHeaderMessage()}
+ headerContent={getHeaderContent()}
+ onSelectRow={(item) => toggleUser(item.accountID)}
+ onSelectAll={() => toggleAllUsers(data)}
+ onDismissError={dismissError}
+ showLoadingPlaceholder={!isOfflineAndNoMemberDataAvailable && (!OptionsListUtils.isPersonalDetailsReady(props.personalDetails) || _.isEmpty(props.policyMembers))}
+ showScrollIndicator
+ shouldPreventDefaultFocusOnSelectRow={!DeviceCapabilities.canUseTouchScreen()}
+ inputRef={textInputRef}
+ />