From d9502c7516bc2d4ae467c6ea8a2e4816b0885f37 Mon Sep 17 00:00:00 2001 From: muhamedsalih-tw <104364298+muhamedsalih-tw@users.noreply.github.com> Date: Thu, 17 Nov 2022 05:45:39 +0530 Subject: Transfrom workspace components to ts (#775) --- .../workspaces/components/CreateWorkspaceForm.js | 97 -------- .../workspaces/components/CreateWorkspaceForm.tsx | 97 ++++++++ .../workspaces/components/EditWorkspaceForm.js | 240 -------------------- .../workspaces/components/EditWorkspaceForm.tsx | 247 +++++++++++++++++++++ .../workspaces/components/WorkspaceDrawer.tsx | 7 +- .../workspaces/components/WorkspaceDrawerItem.js | 153 ------------- .../workspaces/components/WorkspaceDrawerItem.tsx | 153 +++++++++++++ .../workspaces/components/WorkspaceItem.tsx | 28 +-- .../components/WorkspaceServiceListItem.tsx | 5 +- .../workspaces/components/WorkspacesDashboard.js | 201 ----------------- .../workspaces/components/WorkspacesDashboard.tsx | 191 ++++++++++++++++ 11 files changed, 710 insertions(+), 709 deletions(-) delete mode 100644 src/features/workspaces/components/CreateWorkspaceForm.js create mode 100644 src/features/workspaces/components/CreateWorkspaceForm.tsx delete mode 100644 src/features/workspaces/components/EditWorkspaceForm.js create mode 100644 src/features/workspaces/components/EditWorkspaceForm.tsx delete mode 100644 src/features/workspaces/components/WorkspaceDrawerItem.js create mode 100644 src/features/workspaces/components/WorkspaceDrawerItem.tsx delete mode 100644 src/features/workspaces/components/WorkspacesDashboard.js create mode 100644 src/features/workspaces/components/WorkspacesDashboard.tsx (limited to 'src/features/workspaces/components') diff --git a/src/features/workspaces/components/CreateWorkspaceForm.js b/src/features/workspaces/components/CreateWorkspaceForm.js deleted file mode 100644 index fac84bed0..000000000 --- a/src/features/workspaces/components/CreateWorkspaceForm.js +++ /dev/null @@ -1,97 +0,0 @@ -import { Component } from 'react'; -import PropTypes from 'prop-types'; -import { observer } from 'mobx-react'; -import { defineMessages, injectIntl } from 'react-intl'; -import injectSheet from 'react-jss'; - -import Input from '../../../components/ui/input/index'; -import Button from '../../../components/ui/button'; -import Form from '../../../lib/Form'; -import { required } from '../../../helpers/validation-helpers'; -import { workspaceStore } from '../index'; - -const messages = defineMessages({ - submitButton: { - id: 'settings.workspace.add.form.submitButton', - defaultMessage: 'Create workspace', - }, - name: { - id: 'settings.workspace.add.form.name', - defaultMessage: 'Name', - }, -}); - -const styles = { - form: { - display: 'flex', - }, - input: { - flexGrow: 1, - marginRight: '10px', - }, - submitButton: { - height: 'inherit', - }, -}; - -class CreateWorkspaceForm extends Component { - static propTypes = { - classes: PropTypes.object.isRequired, - isSubmitting: PropTypes.bool.isRequired, - onSubmit: PropTypes.func.isRequired, - }; - - form = (() => { - const { intl } = this.props; - return new Form({ - fields: { - name: { - label: intl.formatMessage(messages.name), - placeholder: intl.formatMessage(messages.name), - value: '', - validators: [required], - }, - }, - }); - })(); - - submitForm() { - const { form } = this; - form.submit({ - onSuccess: async f => { - const { onSubmit } = this.props; - const values = f.values(); - onSubmit(values); - }, - }); - } - - render() { - const { intl } = this.props; - const { classes, isSubmitting } = this.props; - const { form } = this; - return ( -
- {intl.formatMessage(messages.keepLoadedInfo)} -
-- - - - {intl.formatMessage(messages.noServicesAdded)} -
- - {intl.formatMessage(messages.discoverServices)} - -+ {intl.formatMessage(messages.keepLoadedInfo)} +
++ + + + {intl.formatMessage(messages.noServicesAdded)} +
+ + {intl.formatMessage(messages.discoverServices)} + +- - - - {intl.formatMessage(messages.noServicesAdded)} -
-+ + + + {intl.formatMessage(messages.noServicesAdded)} +
+