From 7163f50037e3a7bb4d0dfab9a109f94cb0ddf9f7 Mon Sep 17 00:00:00 2001
From: Dominik Guzei <dominik.guzei@gmail.com>
Date: Mon, 7 Sep 2020 17:33:44 +0200
Subject: [PATCH] issue-333 simplify reactive unmoderated data warning

---
 .../UnmoderatedDataConsentedContainer.tsx     | 22 +++++++------------
 1 file changed, 8 insertions(+), 14 deletions(-)

diff --git a/source/features/stake-pools/ui/consent/UnmoderatedDataConsentedContainer.tsx b/source/features/stake-pools/ui/consent/UnmoderatedDataConsentedContainer.tsx
index aabc559f..0db51e41 100644
--- a/source/features/stake-pools/ui/consent/UnmoderatedDataConsentedContainer.tsx
+++ b/source/features/stake-pools/ui/consent/UnmoderatedDataConsentedContainer.tsx
@@ -1,21 +1,15 @@
-import React, { useState } from 'react';
-import { useObservableEffect } from '../../../../lib/mobx/react';
+import { Observer } from 'mobx-react-lite';
+import React from 'react';
 import { useStakePools } from '../../context';
 import UnmoderatedDataConsented from './UnmoderatedDataConsented';
 
 export const UnmoderatedDataConsentedContainer = () => {
   const { store } = useStakePools();
-  const [showUnmoderatedData, setShowUnmoderatedData] = useState(
-    store.showUnmoderatedData
+  return (
+    <Observer>
+      {() =>
+        store.showUnmoderatedData ? <UnmoderatedDataConsented /> : <span />
+      }
+    </Observer>
   );
-
-  // Observe and update consent flag
-  useObservableEffect(() => {
-    setShowUnmoderatedData(store.showUnmoderatedData);
-  });
-
-  if (showUnmoderatedData) {
-    return <UnmoderatedDataConsented />;
-  }
-  return null;
 };