Merge pull request binary-com#5 from shafin-deriv/shafin/BOT-178/refa…

…ctor--remove-connect-delete-dialog-gdrive-footer

Shafin/bot 178/refactor  remove connect delete dialog gdrive footer

packages/bot-web-ui/src/components/dashboard/dashboard-component/load-bot-preview/delete-dialog.tsx

@@ -1,28 +1,17 @@
 import React from 'react';
 import { Dialog, Text } from '@deriv/components';
 import { localize } from '@deriv/translations';
-import { connect } from 'Stores/connect';
 import { getSavedWorkspaces } from '@deriv/bot-skeleton';
+import { observer } from '@deriv/stores';
 import LZString from 'lz-string';
 import localForage from 'localforage';
+import { useDBotStore } from 'Stores/useDBotStore';
 
-type TDeleteDialog = {
-    is_delete_modal_open: boolean;
-    onToggleDeleteDialog: (param: boolean) => void;
-    removeBotStrategy: (param: string) => void;
-    selected_strategy_id: string;
-    setDashboardStrategies: (param: string[]) => void;
-    setStrategies: (param: string[]) => void;
-    setOpenSettings: (toast_message: string, show_toast: boolean) => void;
-};
+const DeleteDialog = observer(() => {
+    const { load_modal, dashboard } = useDBotStore();
+    const { is_delete_modal_open, onToggleDeleteDialog, selected_strategy_id, setDashboardStrategies } = load_modal;
+    const { setOpenSettings } = dashboard;
 
-const DeleteDialog = ({
-    is_delete_modal_open,
-    onToggleDeleteDialog,
-    selected_strategy_id,
-    setDashboardStrategies,
-    setOpenSettings,
-}: TDeleteDialog) => {
     const removeBotStrategy = async (strategy_id: string) => {
         const workspaces = await getSavedWorkspaces();
         workspaces.map((strategy_from_workspace: string[] | { [key: string]: string }, index: number) => {
@@ -77,13 +66,6 @@ const DeleteDialog = ({
             </Dialog>
         </div>
     );
-};
+});
 
-export default connect(({ toolbar, load_modal, dashboard }) => ({
-    is_dialog_open: toolbar.is_dialog_open,
-    is_delete_modal_open: load_modal.is_delete_modal_open,
-    onToggleDeleteDialog: load_modal.onToggleDeleteDialog,
-    selected_strategy_id: load_modal.selected_strategy_id,
-    setDashboardStrategies: load_modal.setDashboardStrategies,
-    setOpenSettings: dashboard.setOpenSettings,
-}))(DeleteDialog);
+export default DeleteDialog;

packages/bot-web-ui/src/components/dashboard/dashboard-component/load-bot-preview/google-drive.tsx

@@ -2,25 +2,16 @@ import React from 'react';
 import classnames from 'classnames';
 import { Button, Icon, StaticUrl } from '@deriv/components';
 import { Localize, localize } from '@deriv/translations';
-import { connect } from 'Stores/connect';
 import { isMobile } from '@deriv/shared';
-import RootStore from 'Stores/root-store';
+import { observer } from '@deriv/stores';
+import { useDBotStore } from 'Stores/useDBotStore';
 
-type TGoogleDriveProps = {
-    is_authorised: boolean;
-    is_open_button_loading: boolean;
-    onDriveConnect: () => void;
-    onDriveOpen: () => void;
-    setOpenSettings: (toast_message: string, show_toast?: boolean) => void;
-};
+const GoogleDrive = observer(() => {
+    const { google_drive, load_modal, dashboard } = useDBotStore();
+    const { is_authorised } = google_drive;
+    const { is_open_button_loading, onDriveConnect, onDriveOpen } = load_modal;
+    const { setOpenSettings } = dashboard;
 
-const GoogleDrive = ({
-    is_authorised,
-    is_open_button_loading,
-    onDriveConnect,
-    onDriveOpen,
-    setOpenSettings,
-}: TGoogleDriveProps) => {
     return (
         <div className='load-strategy__container'>
             <div className='load-strategy__google-drive'>
@@ -79,12 +70,6 @@ const GoogleDrive = ({
             </div>
         </div>
     );
-};
+});
 
-export default connect(({ load_modal, google_drive, dashboard }: RootStore) => ({
-    is_authorised: google_drive.is_authorised,
-    is_open_button_loading: load_modal.is_open_button_loading,
-    onDriveConnect: load_modal.onDriveConnect,
-    onDriveOpen: load_modal.onDriveOpen,
-    setOpenSettings: dashboard.setOpenSettings,
-}))(GoogleDrive);
+export default GoogleDrive;

packages/bot-web-ui/src/components/dashboard/dashboard-component/load-bot-preview/local-footer.tsx

@@ -1,27 +1,16 @@
 import React from 'react';
 import { Button } from '@deriv/components';
 import { localize } from '@deriv/translations';
-import { connect } from 'Stores/connect';
-import RootStore from 'Stores/index';
-import './index.scss';
+import { observer } from '@deriv/stores';
 import { isMobile } from '@deriv/shared';
+import { useDBotStore } from 'Stores/useDBotStore';
+import './index.scss';
 
-type Nullable<T> = T | null;
-type TLocalFooter = {
-    is_open_button_loading: boolean;
-    loadFileFromLocal: () => void;
-    setLoadedLocalFile: (data: Nullable<string>) => void;
-    setPreviewOnPopup: (param: boolean) => boolean;
-    toggleLoadModal: () => void;
-};
+const LocalFooter = observer(() => {
+    const { load_modal, dashboard } = useDBotStore();
+    const { is_open_button_loading, loadFileFromLocal, setLoadedLocalFile, toggleLoadModal } = load_modal;
+    const { setPreviewOnPopup } = dashboard;
 
-const LocalFooter = ({
-    is_open_button_loading,
-    loadFileFromLocal,
-    setLoadedLocalFile,
-    setPreviewOnPopup,
-    toggleLoadModal,
-}: TLocalFooter) => {
     const is_mobile = isMobile();
     const Wrapper = is_mobile ? Button.Group : React.Fragment;
     return (
@@ -43,12 +32,6 @@ const LocalFooter = ({
             />
         </Wrapper>
     );
-};
+});
 
-export default connect(({ load_modal, dashboard }: RootStore) => ({
-    is_open_button_loading: load_modal.is_open_button_loading,
-    loadFileFromLocal: load_modal.loadFileFromLocal,
-    setLoadedLocalFile: load_modal.setLoadedLocalFile,
-    setPreviewOnPopup: dashboard.setPreviewOnPopup,
-    toggleLoadModal: load_modal.toggleLoadModal,
-}))(LocalFooter);
+export default LocalFooter;