Merge branch 'refactor/SignOutNoticeModal' of https://github.com/NileshPatel17/codesandbox-client into refactor/SignOutNoticeModal

Author: NileshPatel17

packages/app/src/app/pages/Patron/PricingModal/PricingChoice/ChangeSubscription/index.tsx

@@ -1,5 +1,5 @@
 import React, { useState } from 'react';
-import { inject, hooksObserver } from 'app/componentConnectors';
+import { useOvermind } from 'app/overmind';
 import { format } from 'date-fns';
 import { LinkButton } from 'app/components/LinkButton';
 
@@ -17,20 +17,24 @@ interface Props {
   markedAsCancelled: boolean;
   cancelSubscription: () => void;
   updateSubscription: (params: { coupon: string }) => void;
-  store: any;
-  signals: any;
 }
 
 function ChangeSubscriptionComponent({
   date,
   markedAsCancelled,
   cancelSubscription,
   updateSubscription,
-  store,
-  signals,
 }: Props) {
-  const isLoading = store.patron.isUpdatingSubscription;
-  const { error } = store.patron;
+  const {
+    state: {
+      patron: { isUpdatingSubscription, error },
+    },
+    actions: {
+      modalOpened,
+      patron: { tryAgainClicked },
+    },
+  } = useOvermind();
+  const isLoading = isUpdatingSubscription;
 
   const [coupon, setCoupon] = useState('');
 
@@ -40,7 +44,7 @@ function ChangeSubscriptionComponent({
         There was a problem updating this subscription.
         <SmallText>{error}</SmallText>
         <Buttons>
-          <StyledButton onClick={() => signals.patron.tryAgainClicked()}>
+          <StyledButton onClick={() => tryAgainClicked()}>
             Try again
           </StyledButton>
         </Buttons>
@@ -98,7 +102,7 @@ function ChangeSubscriptionComponent({
         <LinkButton
           onClick={e => {
             e.preventDefault();
-            signals.modalOpened({ modal: 'preferences' });
+            modalOpened({ modal: 'preferences' });
           }}
         >
           user preferences
@@ -109,6 +113,4 @@ function ChangeSubscriptionComponent({
   );
 }
 
-export const ChangeSubscription = inject('signals', 'store')(
-  hooksObserver(ChangeSubscriptionComponent)
-);
+export const ChangeSubscription = ChangeSubscriptionComponent;