From 0f31144567bef878e499bb20b9369380ad27bc11 Mon Sep 17 00:00:00 2001
From: Fedor Katurov <gotham48@gmail.com>
Date: Wed, 8 Jan 2020 12:11:06 +0700
Subject: [PATCH] fixed provider dialog

---
 src/components/dialogs/ProviderDialog.tsx | 20 ++++++++++++++++----
 1 file changed, 16 insertions(+), 4 deletions(-)

diff --git a/src/components/dialogs/ProviderDialog.tsx b/src/components/dialogs/ProviderDialog.tsx
index adc7f08..8aeaeb9 100644
--- a/src/components/dialogs/ProviderDialog.tsx
+++ b/src/components/dialogs/ProviderDialog.tsx
@@ -4,12 +4,20 @@ import { Icon } from '$components/panels/Icon';
 import classnames from 'classnames';
 import * as MAP_ACTIONS from "$redux/map/actions";
 import { IRootState } from "$redux/user";
+import { selectMapProvider } from '$redux/map/selectors';
+import { connect } from 'react-redux';
 
-interface Props extends IRootState {
-  mapSetProvider: typeof MAP_ACTIONS.mapSetProvider,
-}
+const mapStateToProps = state => ({
+  provider: selectMapProvider(state),
+});
 
-export const ProviderDialog = ({ provider, mapSetProvider }: Props) => (
+const mapDispatchToProps = {
+  mapSetProvider: MAP_ACTIONS.mapSetProvider,
+};
+
+type Props = ReturnType<typeof mapStateToProps> & typeof mapDispatchToProps & {};
+
+const ProviderDialogUnconnected = ({ provider, mapSetProvider }: Props) => (
   <div className="control-dialog top right control-dialog-provider">
     <div className="helper provider-helper">
       {
@@ -34,3 +42,7 @@ export const ProviderDialog = ({ provider, mapSetProvider }: Props) => (
     </div>
   </div>
 );
+
+const ProviderDialog = connect(mapStateToProps, mapDispatchToProps)(ProviderDialogUnconnected)
+
+export { ProviderDialog }
\ No newline at end of file