X-Git-Url: https://git.arvados.org/arvados-workbench2.git/blobdiff_plain/c0afd448c39a41d229612afe47643aed7a2cf5dd..c32095f06a2e2843386120bf21402974b0066954:/src/store/dialog/with-dialog.ts diff --git a/src/store/dialog/with-dialog.ts b/src/store/dialog/with-dialog.ts index 42ae73e4..ea96ca0d 100644 --- a/src/store/dialog/with-dialog.ts +++ b/src/store/dialog/with-dialog.ts @@ -2,32 +2,37 @@ // // SPDX-License-Identifier: AGPL-3.0 -import * as React from 'react'; +import React from 'react'; import { connect } from 'react-redux'; import { DialogState } from './dialog-reducer'; import { Dispatch } from 'redux'; import { dialogActions } from './dialog-actions'; -export type WithDialog = { +export type WithDialogStateProps = { open: boolean; - data?: T; + data: T; }; -export type WithDialogActions = { +export type WithDialogDispatchProps = { closeDialog: () => void; }; +export type WithDialogProps = WithDialogStateProps & WithDialogDispatchProps; export const withDialog = (id: string) => - (component: React.ComponentType & WithDialogActions>) => + // TODO: How to make compiler happy with & P instead of & any? + // eslint-disable-next-line + (component: React.ComponentType & any>) => connect(mapStateToProps(id), mapDispatchToProps(id))(component); -export const mapStateToProps = (id: string) => (state: { dialog: DialogState }): WithDialog => { +const emptyData = {}; + +export const mapStateToProps = (id: string) => (state: { dialog: DialogState }): WithDialogStateProps => { const dialog = state.dialog[id]; - return dialog ? dialog : { open: false }; + return dialog ? dialog : { open: false, data: emptyData }; }; -export const mapDispatchToProps = (id: string) => (dispatch: Dispatch): WithDialogActions => ({ +export const mapDispatchToProps = (id: string) => (dispatch: Dispatch): WithDialogDispatchProps => ({ closeDialog: () => { dispatch(dialogActions.CLOSE_DIALOG({ id })); } -}); \ No newline at end of file +});