chore: refetch subscription when prefs menu opens (#2360)

packages/web/src/javascripts/Components/Preferences/Panes/Account/Subscription/Subscription.tsx

@@ -2,15 +2,30 @@ import { Title } from '@/Components/Preferences/PreferencesComponents/Content'
 import SubscriptionInformation from './SubscriptionInformation'
 import NoSubscription from './NoSubscription'
 import { observer } from 'mobx-react-lite'
-import { FunctionComponent } from 'react'
+import { FunctionComponent, useEffect, useState } from 'react'
 import PreferencesGroup from '@/Components/Preferences/PreferencesComponents/PreferencesGroup'
 import PreferencesSegment from '@/Components/Preferences/PreferencesComponents/PreferencesSegment'
 import { useApplication } from '@/Components/ApplicationProvider'
+import { SubscriptionManagerEvent, Subscription } from '@standardnotes/snjs'
 
 const Subscription: FunctionComponent = () => {
   const application = useApplication()
 
-  const onlineSubscription = application.controllers.subscriptionController.onlineSubscription
+  const [onlineSubscription, setOnlineSubscription] = useState<Subscription | undefined>(
+    application.controllers.subscriptionController.onlineSubscription,
+  )
+
+  useEffect(() => {
+    return application.subscriptions.addEventObserver((event) => {
+      if (event === SubscriptionManagerEvent.DidFetchSubscription) {
+        setOnlineSubscription(application.controllers.subscriptionController.onlineSubscription)
+      }
+    })
+  }, [application.subscriptions, application.controllers.subscriptionController])
+
+  useEffect(() => {
+    void application.subscriptions.fetchOnlineSubscription()
+  }, [application.subscriptions])
 
   return (
     <PreferencesGroup>

packages/web/src/javascripts/Controllers/Subscription/SubscriptionController.ts

@@ -1,4 +1,4 @@
-import { Subscription } from '@standardnotes/security'
+import { Subscription } from '@standardnotes/responses'
 import { destroyAllObjectProperties } from '@/Utils'
 import {
   ApplicationEvent,