minor improvements

src/components/ProfileSnippet.tsx

@@ -2,13 +2,15 @@ import { useSearchParams } from 'next/navigation'
 import { useEffect, useMemo } from 'react'
 import { useTranslation } from 'react-i18next'
 import styled, { css } from 'styled-components'
+import { useAccount } from 'wagmi'
 
 import { Button, mq, NametagSVG, Tag, Typography } from '@ensdomains/thorin'
 
 import FastForwardSVG from '@app/assets/FastForward.svg'
 import VerifiedPersonSVG from '@app/assets/VerifiedPerson.svg'
 import { useAbilities } from '@app/hooks/abilities/useAbilities'
 import { useBeautifiedName } from '@app/hooks/useBeautifiedName'
+import { useNameDetails } from '@app/hooks/useNameDetails'
 import { useRouterWithHistory } from '@app/hooks/useRouterWithHistory'
 
 import { useTransactionFlow } from '../transaction-flow/TransactionFlowProvider'
@@ -195,6 +197,8 @@ export const ProfileSnippet = ({
   const abilities = useAbilities({ name })
 
   const beautifiedName = useBeautifiedName(name)
+  const { isConnected } = useAccount()
+  const nameDetails = useNameDetails({ name })
 
   const banner = getTextRecord?.('banner')?.value
   const description = getTextRecord?.('description')?.value
@@ -208,14 +212,22 @@ export const ProfileSnippet = ({
 
   const { canSelfExtend, canEdit } = abilities.data ?? {}
 
+  const ownerAddress = nameDetails.ownerData?.owner
+
   useEffect(() => {
+    if (!isConnected) {
+      return router.push(`/profile/${name}`)
+    }
+
+    if (!ownerAddress) return
+
     if (renew) {
       showExtendNamesInput(`extend-names-${name}`, {
         names: [name],
         isSelf: canSelfExtend,
       })
     }
-  }, [renew, name, canSelfExtend])
+  }, [ownerAddress, isConnected, renew, name, canSelfExtend])
 
   const ActionButton = useMemo(() => {
     if (button === 'extend')