hanzo.ai/components/account/Forward.tsx

'use client'

import { useEffect } from 'react'
import { YStack } from '@hanzo/ui'
import { Section, Cta } from '@/components/marketing/page-kit'

/**
 * An /account address, sent on to the one place it lives now: Settings.
 *
 * /settings and /settings/organization/* are the account's only home. The
 * /account pages were a second copy of the same profile, organization and
 * billing, reached from the site's header while the app reached the first. The
 * addresses stay so a bookmark lands somewhere; each replaces itself with its
 * Settings page at once, and the link is there for a browser that does not.
 */
export default function Forward({ title, to }: { title: string; to: string }) {
  useEffect(() => {
    window.location.replace(to)
  }, [to])

  return (
    <Section title={title} lede={`${title} is in Settings. Taking you there.`}>
      <YStack mt="$5">
        <Cta href={to}>Open Settings</Cta>
      </YStack>
    </Section>
  )
}