Add BoostHub:createCloudSpace custom event

Author: Rokt33r

src/components/App.tsx

@@ -25,6 +25,7 @@ import {
   BoostHubSubscriptionDeleteEvent,
   boostHubSubscriptionDeleteEventEmitter,
   boostHubSubscriptionUpdateEventEmitter,
+  boostHubCreateCloudSpaceEventEmitter,
 } from '../lib/events'
 import { useRouteParams } from '../lib/routeParams'
 import { useStorageRouter } from '../lib/storageRouter'
@@ -173,17 +174,6 @@ const App = () => {
       })
   })
 
-  useEffect(() => {
-    const createCloudSpaceHandler = () => {
-      push('/app/boosthub/teams')
-    }
-    addIpcListener('create-cloud-space', createCloudSpaceHandler)
-
-    return () => {
-      removeIpcListener('create-cloud-space', createCloudSpaceHandler)
-    }
-  }, [push])
-
   useEffect(() => {
     const boostHubTeamCreateEventHandler = (event: BoostHubTeamCreateEvent) => {
       const createdTeam = event.detail.team
@@ -305,6 +295,10 @@ const App = () => {
       push(`/app/storages`)
     }
 
+    const boostHubCreateCloudSpaceEventHandler = () => {
+      push('/app/boosthub/teams')
+    }
+
     boostHubSubscriptionDeleteEventEmitter.listen(
       boostHubSubscriptionDeleteEventHandler
     )
@@ -318,6 +312,9 @@ const App = () => {
     boostHubCreateLocalSpaceEventEmitter.listen(
       boostHubCreateLocalSpaceEventHandler
     )
+    boostHubCreateCloudSpaceEventEmitter.listen(
+      boostHubCreateCloudSpaceEventHandler
+    )
     return () => {
       boostHubSubscriptionDeleteEventEmitter.unlisten(
         boostHubSubscriptionDeleteEventHandler
@@ -334,6 +331,9 @@ const App = () => {
       boostHubCreateLocalSpaceEventEmitter.unlisten(
         boostHubCreateLocalSpaceEventHandler
       )
+      boostHubCreateCloudSpaceEventEmitter.unlisten(
+        boostHubCreateCloudSpaceEventHandler
+      )
     }
   }, [push, setPreferences, setGeneralStatus])
   const { boostHubTeams } = generalStatus
@@ -356,13 +356,25 @@ const App = () => {
     },
     [storageMap, boostHubTeams, navigateToStorage, push]
   )
+
   useEffect(() => {
     addIpcListener('switch-workspace', switchWorkspaceHandler)
     return () => {
       removeIpcListener('switch-workspace', switchWorkspaceHandler)
     }
   }, [switchWorkspaceHandler])
 
+  useEffect(() => {
+    const createCloudSpaceHandler = () => {
+      boostHubCreateCloudSpaceEventEmitter.dispatch()
+    }
+    addIpcListener('create-cloud-space', createCloudSpaceHandler)
+
+    return () => {
+      removeIpcListener('create-cloud-space', createCloudSpaceHandler)
+    }
+  }, [push])
+
   useBoostNoteProtocol()
 
   const { showingCloudIntroModal } = useCloudIntroModal()

src/components/atoms/BoostHubWebview.tsx

@@ -32,12 +32,12 @@ import {
   boosthubNotificationCountsEventEmitter,
   boostHubSidebarSpaceEventEmitter,
   boostHubAppRouterEventEmitter,
+  boostHubCreateCloudSpaceEventEmitter,
 } from '../../lib/events'
 import { usePreferences } from '../../lib/preferences'
 import { openContextMenu, openExternal } from '../../lib/electronOnly'
 import { DidFailLoadEvent } from 'electron/main'
 import styled from '../../shared/lib/styled'
-import { useRouter } from '../../lib/router'
 
 export interface WebviewControl {
   focus(): void
@@ -70,7 +70,6 @@ const BoostHubWebview = ({
   const { preferences } = usePreferences()
   const { signOut } = useBoostHub()
   const domReadyRef = useRef<boolean>(false)
-  const { push } = useRouter()
   const cloudUser = preferences['cloud.user']
 
   const accessToken = useMemo(() => {
@@ -146,7 +145,7 @@ const BoostHubWebview = ({
     const ipcMessageEventHandler = (event: IpcMessageEvent) => {
       switch (event.channel) {
         case 'new-space':
-          push('/app/boosthub/teams')
+          boostHubCreateCloudSpaceEventEmitter.dispatch()
           break
         case 'router':
           boostHubAppRouterEventEmitter.dispatch({ target: event.args[0] })

src/lib/events.ts

@@ -118,6 +118,10 @@ export const boostHubCreateLocalSpaceEventEmitter = createCustomEventEmitter(
   'BoostHub:createLocalSpace'
 )
 
+export const boostHubCreateCloudSpaceEventEmitter = createCustomEventEmitter(
+  'BoostHub:createCloudSpace'
+)
+
 export const boostHubToggleSidebarTreeEventEmitter = createCustomEventEmitter(
   'BoostHub:toggleSidebarTree'
 )