diff --git a/src/languages/en.ts b/src/languages/en.ts index 00191eb0a7d8..644655bf4e9f 100755 --- a/src/languages/en.ts +++ b/src/languages/en.ts @@ -1492,6 +1492,8 @@ export default { companyCards: 'Company credit cards', reimbursements: 'Easy reimbursements', }, + notFound: 'No workspace found', + description: 'Rooms are a great place to discuss and work with multiple people. To begin collaborating, create or join a workspace', }, new: { newWorkspace: 'New workspace', diff --git a/src/languages/es.ts b/src/languages/es.ts index 0f14b6e6d02a..6ecde0f44c55 100644 --- a/src/languages/es.ts +++ b/src/languages/es.ts @@ -1515,6 +1515,8 @@ export default { companyCards: 'Tarjetas de crédito corporativas', reimbursements: 'Reembolsos fáciles', }, + notFound: 'No se encontró ningún espacio de trabajo', + description: 'Las salas son un gran lugar para discutir y trabajar con varias personas. Para comenzar a colaborar, cree o únase a un espacio de trabajo', }, new: { newWorkspace: 'Nuevo espacio de trabajo', diff --git a/src/pages/workspace/WorkspaceNewRoomPage.js b/src/pages/workspace/WorkspaceNewRoomPage.js index d09790af58d5..04464652632f 100644 --- a/src/pages/workspace/WorkspaceNewRoomPage.js +++ b/src/pages/workspace/WorkspaceNewRoomPage.js @@ -3,8 +3,11 @@ import React, {useCallback, useEffect, useMemo, useState} from 'react'; import {View} from 'react-native'; import {withOnyx} from 'react-native-onyx'; import _ from 'underscore'; +import BlockingView from '@components/BlockingViews/BlockingView'; import FullPageNotFoundView from '@components/BlockingViews/FullPageNotFoundView'; +import Button from '@components/Button'; import Form from '@components/Form'; +import * as Illustrations from '@components/Icon/Illustrations'; import KeyboardAvoidingView from '@components/KeyboardAvoidingView'; import OfflineIndicator from '@components/OfflineIndicator'; import RoomNameInput from '@components/RoomNameInput'; @@ -27,10 +30,10 @@ import * as PolicyUtils from '@libs/PolicyUtils'; import * as ReportUtils from '@libs/ReportUtils'; import * as ValidationUtils from '@libs/ValidationUtils'; import variables from '@styles/variables'; -import * as App from '@userActions/App'; import * as Report from '@userActions/Report'; import CONST from '@src/CONST'; import ONYXKEYS from '@src/ONYXKEYS'; +import ROUTES from '@src/ROUTES'; const propTypes = { /** All reports shared with the user */ @@ -216,13 +219,28 @@ function WorkspaceNewRoomPage(props) { const {inputCallbackRef} = useAutoFocusInput(); + const renderEmptyWorkspaceView = () => ( + <> + +