X-Git-Url: https://git.arvados.org/arvados-workbench2.git/blobdiff_plain/a60d90f0ee4d4cd71ccc876b112911f437ffb974..25216cc7acedc987c26a159f0b640210c0ef101e:/src/views-components/sharing-dialog/sharing-dialog.tsx diff --git a/src/views-components/sharing-dialog/sharing-dialog.tsx b/src/views-components/sharing-dialog/sharing-dialog.tsx index c43d94e2..539ddbe9 100644 --- a/src/views-components/sharing-dialog/sharing-dialog.tsx +++ b/src/views-components/sharing-dialog/sharing-dialog.tsx @@ -6,27 +6,48 @@ import { compose, Dispatch } from 'redux'; import { connect } from 'react-redux'; import * as React from 'react'; -import { connectSharingDialog } from '~/store/sharing-dialog/sharing-dialog-actions'; -import { WithDialogProps } from '~/store/dialog/with-dialog'; -import { RootState } from '~/store/store'; +import { connectSharingDialog, saveSharingDialogChanges, connectSharingDialogProgress, sendSharingInvitations } from 'store/sharing-dialog/sharing-dialog-actions'; +import { WithDialogProps } from 'store/dialog/with-dialog'; +import { RootState } from 'store/store'; import SharingDialogComponent, { SharingDialogDataProps, SharingDialogActionProps } from './sharing-dialog-component'; -import { SharingSimpleForm } from './sharing-simple-form'; +import { SharingDialogContent } from './sharing-dialog-content'; +import { connectAdvancedViewSwitch, AdvancedViewSwitchInjectedProps } from './advanced-view-switch'; +import { hasChanges } from 'store/sharing-dialog/sharing-dialog-types'; +import { WithProgressStateProps } from 'store/progress-indicator/with-progress'; -const mapStateToProps = (_: RootState, props: WithDialogProps): SharingDialogDataProps => ({ +type Props = WithDialogProps & AdvancedViewSwitchInjectedProps & WithProgressStateProps; + +const mapStateToProps = (state: RootState, { advancedViewOpen, working, ...props }: Props): SharingDialogDataProps => ({ ...props, - saveEnabled: false, - children: , + saveEnabled: hasChanges(state), + loading: working, + advancedEnabled: !advancedViewOpen, + children: , }); -const mapDispatchToProps = (_: Dispatch, props: WithDialogProps): SharingDialogActionProps => ({ +const mapDispatchToProps = (dispatch: Dispatch, { toggleAdvancedView, advancedViewOpen, ...props }: Props): SharingDialogActionProps => ({ ...props, onClose: props.closeDialog, - onSave: () => { console.log('save'); }, - onAdvanced: () => { console.log('advanced'); }, + onExited: () => { + if (advancedViewOpen) { + toggleAdvancedView(); + } + }, + onSave: () => { + if (advancedViewOpen) { + dispatch(saveSharingDialogChanges); + } else { + dispatch(sendSharingInvitations); + } + }, + onAdvanced: toggleAdvancedView, }); export const SharingDialog = compose( + connectAdvancedViewSwitch, connectSharingDialog, + connectSharingDialogProgress, connect(mapStateToProps, mapDispatchToProps) )(SharingDialogComponent); +