Janady13/llms-txt-hub / apps/web/app/settings/account/page.tsx

Source identity

Field	Recorded value
Source type	GitHub source
Original record	Janady13/llms-txt-hub / apps/web/app/settings/account/page.tsx
Date	Not specified in source
Repository	Janady13/llms-txt-hub
Revision	e0f4bf978d4df168369c7601d9c5f5ea89e84377
Branch	main
Path or archive member	apps/web/app/settings/account/page.tsx
Original SHA-256	836f7b21f1821b8cf81873449d0adc529d92818e3ce267bd64944ea0ab03bf19
Git blob SHA	8e0fd65390627c8d57c8a738b649a63e7ba38aca
Reading-copy SHA-256	836f7b21f1821b8cf81873449d0adc529d92818e3ce267bd64944ea0ab03bf19

Original source ↗

Recovered source transcript

Download complete source text ↓61 lines · 1.8 KB

'use client'

import { useAuth } from '@thedaviddias/auth'
import { useEffect } from 'react'
import { AccountInfo } from '@/components/settings/account-info'
import { DangerZone } from '@/components/settings/danger-zone'
import { SecuritySection } from '@/components/settings/security-section'
import { analytics } from '@/lib/analytics'

export default function AccountSettingsPage() {
  const { user } = useAuth()

  useEffect(() => {
    analytics.settingsPageView('account', 'settings')
  }, [])

  const hasGitHubAuth = Boolean(
    user && (user.user_metadata?.github_username || user.user_metadata?.user_name)
  )
  const displayName = hasGitHubAuth
    ? user?.user_metadata?.github_username || user?.user_metadata?.user_name || 'GitHub User'
    : user?.email?.split('@')[0] || 'User'
  const accountType = hasGitHubAuth ? 'GitHub' : 'Email'

  // Transform user data to match expected interface
  const userData = user
    ? {
        id: user.id,
        email: user.email || undefined,
        user_metadata: user.user_metadata
          ? {
              github_username: user.user_metadata.github_username || undefined,
              user_name: user.user_metadata.user_name || undefined
            }
          : undefined
      }
    : null

  return (
    <div className="space-y-8">
      <div>
        <h2 className="text-2xl font-bold mb-2">Account Settings</h2>
        <p className="text-muted-foreground">
          Manage your account information and security preferences
        </p>
      </div>

      <AccountInfo
        user={userData}
        hasGitHubAuth={hasGitHubAuth}
        displayName={displayName}
        accountType={accountType}
      />

      <SecuritySection hasGitHubAuth={hasGitHubAuth} />

      <DangerZone user={userData} />
    </div>
  )
}