diff --git a/src/languages/en.ts b/src/languages/en.ts index 992e608fdb54..9514b44b0ff4 100755 --- a/src/languages/en.ts +++ b/src/languages/en.ts @@ -2059,6 +2059,14 @@ export default { lineItemLevel: 'Line-item level', reportLevel: 'Report level', appliedOnExport: 'Not imported into Expensify, applied on export', + shareNote: { + header: 'Easily share your workspace with other members.', + content: { + firstPart: + 'Share this QR code or copy the link below to make it easy for members to request access to your workspace. All requests to join the workspace will show up in the', + secondPart: 'room for your review.', + }, + }, createNewConnection: 'Create new connection', reuseExistingConnection: 'Reuse existing connection', existingConnections: 'Existing connections', diff --git a/src/languages/es.ts b/src/languages/es.ts index 584aa530a912..7c33101538a8 100644 --- a/src/languages/es.ts +++ b/src/languages/es.ts @@ -2093,6 +2093,14 @@ export default { lineItemLevel: 'Nivel de partida', reportLevel: 'Nivel de informe', appliedOnExport: 'No se importa en Expensify, se aplica en la exportación', + shareNote: { + header: 'Comparte fácilmente tu espacio de trabajo con otros miembros.', + content: { + firstPart: + 'Comparte este código QR o copia el enlace de abajo para facilitar que los miembros soliciten acceso a tu espacio de trabajo. Todas las solicitudes para unirse al espacio de trabajo aparecerán en la sala', + secondPart: 'para tu revisión.', + }, + }, createNewConnection: 'Crear una nueva conexión', reuseExistingConnection: 'Reutilizar la conexión existente', existingConnections: 'Conexiones existentes', diff --git a/src/pages/workspace/WorkspaceProfileSharePage.tsx b/src/pages/workspace/WorkspaceProfileSharePage.tsx index 8daf1cdbf960..7e996c761035 100644 --- a/src/pages/workspace/WorkspaceProfileSharePage.tsx +++ b/src/pages/workspace/WorkspaceProfileSharePage.tsx @@ -1,4 +1,4 @@ -import React, {useRef} from 'react'; +import React, {useMemo, useRef} from 'react'; import {View} from 'react-native'; import type {ImageSourcePropType} from 'react-native'; import ContextMenuItem from '@components/ContextMenuItem'; @@ -9,6 +9,8 @@ import QRShare from '@components/QRShare'; import type {QRShareHandle} from '@components/QRShare/types'; import ScreenWrapper from '@components/ScreenWrapper'; import ScrollView from '@components/ScrollView'; +import Text from '@components/Text'; +import TextLink from '@components/TextLink'; import useEnvironment from '@hooks/useEnvironment'; import useLocalize from '@hooks/useLocalize'; import useStyleUtils from '@hooks/useStyleUtils'; @@ -50,6 +52,13 @@ function WorkspaceProfileSharePage({policy}: WithPolicyProps) { const logoBackgroundColor = !hasAvatar ? defaultWorkspaceAvatarColors.backgroundColor?.toString() : undefined; const svgLogoFillColor = !hasAvatar ? defaultWorkspaceAvatarColors.fill : undefined; + const adminRoom = useMemo(() => { + if (!policy?.id) { + return undefined; + } + return ReportUtils.getRoom(CONST.REPORT.CHAT_TYPE.POLICY_ADMINS, policy?.id); + }, [policy?.id]); + return ( - + + + {translate('workspace.common.shareNote.header')} + + + + {translate('workspace.common.shareNote.content.firstPart')}{' '} + { + if (!adminRoom?.reportID) { + return; + } + Navigation.navigate(ROUTES.REPORT_WITH_ID.getRoute(adminRoom.reportID)); + }} + > + {CONST.REPORT.WORKSPACE_CHAT_ROOMS.ADMINS} + {' '} + {translate('workspace.common.shareNote.content.secondPart')} + + + {/* Right now QR code download button is not shown anymore