Janady13/llms-txt-hub / apps/web/components/auth/sign-in.tsx

Source identity

Field	Recorded value
Source type	GitHub source
Original record	Janady13/llms-txt-hub / apps/web/components/auth/sign-in.tsx
Date	Not specified in source
Repository	Janady13/llms-txt-hub
Revision	e0f4bf978d4df168369c7601d9c5f5ea89e84377
Branch	main
Path or archive member	apps/web/components/auth/sign-in.tsx
Original SHA-256	3980de01092a549705cdfea74a8ca59b95f124b3e95355976aa257e850bffe7e
Git blob SHA	2d9c7a285ba3a09509c8ecab72a406d8638058a1
Reading-copy SHA-256	3980de01092a549705cdfea74a8ca59b95f124b3e95355976aa257e850bffe7e

Original source ↗

Recovered source transcript

Download complete source text ↓67 lines · 1.6 KB

'use client'

import { useUser } from '@clerk/nextjs'
import { Button } from '@thedaviddias/design-system/button'
import { useRouter, useSearchParams } from 'next/navigation'
import type { PropsWithChildren } from 'react'
import { useEffect } from 'react'

interface SignInProps extends PropsWithChildren {
  /**
   * URL to redirect to after successful sign in
   * @default '/'
   */
  redirectUrl?: string
  /**
   * Callback when sign in is requested
   */
  onSignIn?: () => Promise<void>
}

/**
 * SignIn component that handles authentication and redirect logic
 *
 * @param props - Component properties
 * @returns React component with sign-in functionality
 *
 * @example
 * ```tsx
 * <SignIn redirectUrl="/dashboard" onSignIn={() => handleSignIn()}>
 *   Sign in with GitHub
 * </SignIn>
 * ```
 */
export function SignIn({ redirectUrl = '/', onSignIn, children }: SignInProps) {
  const { user } = useUser()
  const router = useRouter()
  const searchParams = useSearchParams()

  // If user is already signed in, redirect them
  useEffect(() => {
    if (user) {
      const finalRedirect = searchParams.get('redirectTo') || redirectUrl
      router.replace(finalRedirect)
    }
  }, [user, router, searchParams, redirectUrl])

  /**
   * Triggers the sign-in flow via callback or navigation

   */
  const handleSignIn = async () => {
    if (onSignIn) {
      await onSignIn()
    } else {
      // Redirect to our custom login page
      router.push('/login')
    }
  }

  // Fallback to Button if children is just text or other non-element
  return (
    <Button onClick={handleSignIn} className="w-full">
      {children}
    </Button>
  )
}