Don't open for logged out users

src/components/dialogs/nudges/TenMillion/index.tsx

@@ -87,6 +87,11 @@ function Frame({children}: {children: React.ReactNode}) {
 }
 
 export function TenMillion() {
+  const {hasSession} = useSession()
+  return hasSession ? <TenMillionInner /> : null
+}
+
+export function TenMillionInner() {
   const t = useTheme()
   const lightTheme = useTheme('light')
   const {_, i18n} = useLingui()
@@ -96,7 +101,7 @@ export function TenMillion() {
   const {currentAccount} = useSession()
   const {isLoading: isProfileLoading, data: profile} = useProfileQuery({
     did: currentAccount!.did,
-  }) // TODO PWI
+  })
   const moderationOpts = useModerationOpts()
   const moderation = React.useMemo(() => {
     return profile && moderationOpts

src/components/dialogs/nudges/index.tsx

@@ -1,7 +1,7 @@
 import React from 'react'
 
+import {useSession} from '#/state/session'
 import * as Dialog from '#/components/Dialog'
-
 import {TenMillion} from '#/components/dialogs/nudges/TenMillion'
 
 type Context = {
@@ -12,7 +12,7 @@ type Context = {
 
 const Context = React.createContext<Context>({
   // @ts-ignore
-  controls: {}
+  controls: {},
 })
 
 export function useContext() {
@@ -22,17 +22,20 @@ export function useContext() {
 let SHOWN = false
 
 export function NudgeDialogs() {
+  const {hasSession} = useSession()
   const tenMillion = Dialog.useDialogControl()
 
   const ctx = React.useMemo(() => {
     return {
       controls: {
-        tenMillion
-      }
+        tenMillion,
+      },
     }
   }, [tenMillion])
 
   React.useEffect(() => {
+    if (!hasSession) return
+
     const t = setTimeout(() => {
       if (!SHOWN) {
         SHOWN = true
@@ -43,7 +46,7 @@ export function NudgeDialogs() {
     return () => {
       clearTimeout(t)
     }
-  }, [ctx])
+  }, [ctx, hasSession])
 
   return (
     <Context.Provider value={ctx}>