From dd238ae7949e72e3b90235f56e14686cc5231f34 Mon Sep 17 00:00:00 2001
From: muhamedsalih-tw <104364298+muhamedsalih-tw@users.noreply.github.com>
Date: Mon, 7 Nov 2022 06:27:57 +0530
Subject: Remove duplicated Toggle.js component (#741)

---
 .../workspaces/components/EditWorkspaceForm.js     |  2 +-
 .../components/WorkspaceServiceListItem.tsx        | 26 +++++++++++-----------
 2 files changed, 14 insertions(+), 14 deletions(-)

(limited to 'src/features/workspaces/components')

diff --git a/src/features/workspaces/components/EditWorkspaceForm.js b/src/features/workspaces/components/EditWorkspaceForm.js
index 6bc9ae6f0..509df97e6 100644
--- a/src/features/workspaces/components/EditWorkspaceForm.js
+++ b/src/features/workspaces/components/EditWorkspaceForm.js
@@ -176,7 +176,7 @@ class EditWorkspaceForm extends Component {
           )}
           <div className={classes.nameInput}>
             <Input {...form.$('name').bind()} />
-            <Toggle field={form.$('keepLoaded')} />
+            <Toggle {...form.$('keepLoaded').bind()} />
             <p className={`${classes.keepLoadedInfo} franz-form__label`}>
               {intl.formatMessage(messages.keepLoadedInfo)}
             </p>
diff --git a/src/features/workspaces/components/WorkspaceServiceListItem.tsx b/src/features/workspaces/components/WorkspaceServiceListItem.tsx
index 0233d5749..420aed595 100644
--- a/src/features/workspaces/components/WorkspaceServiceListItem.tsx
+++ b/src/features/workspaces/components/WorkspaceServiceListItem.tsx
@@ -1,10 +1,10 @@
-import { Component } from 'react';
+import { Component, ReactElement } from 'react';
 import { observer } from 'mobx-react';
-import injectSheet from 'react-jss';
+import withStyles, { WithStylesProps } from 'react-jss';
 import classnames from 'classnames';
-
-import Toggle from '../../../components/ui/toggle/index';
+import Toggle from '../../../components/ui/toggle';
 import ServiceIcon from '../../../components/ui/ServiceIcon';
+import Service from '../../../models/Service';
 
 const styles = theme => ({
   listItem: {
@@ -29,15 +29,15 @@ const styles = theme => ({
   },
 });
 
-type Props = {
-  classes: any;
+interface IProps extends WithStylesProps<typeof styles> {
   isInWorkspace: boolean;
   onToggle: () => void;
-  service: any;
-};
+  service: Service;
+}
 
-class WorkspaceServiceListItem extends Component<Props> {
-  render() {
+@observer
+class WorkspaceServiceListItem extends Component<IProps> {
+  render(): ReactElement {
     const { classes, isInWorkspace, onToggle, service } = this.props;
 
     return (
@@ -53,7 +53,7 @@ class WorkspaceServiceListItem extends Component<Props> {
         </span>
         <Toggle
           className={classes.toggle}
-          checked={isInWorkspace}
+          value={isInWorkspace}
           onChange={onToggle}
         />
       </div>
@@ -61,6 +61,6 @@ class WorkspaceServiceListItem extends Component<Props> {
   }
 }
 
-export default injectSheet(styles, { injectTheme: true })(
-  observer(WorkspaceServiceListItem),
+export default withStyles(styles, { injectTheme: true })(
+  WorkspaceServiceListItem,
 );
-- 
cgit v1.2.3-54-g00ecf