import { useTranslation } from '@/hooks/use-translation'; import InputError from '@/components/input-error'; import TextLink from '@/components/text-link'; import { BannerDisplay } from '@/components/banner-display'; import { Button } from '@/components/ui/button'; import { Checkbox } from '@/components/ui/checkbox'; import { Input } from '@/components/ui/input'; import { Label } from '@/components/ui/label'; import { Spinner } from '@/components/ui/spinner'; import AuthLayout from '@/layouts/auth-layout'; import { register } from '@/routes'; import { store } from '@/routes/login'; import { request } from '@/routes/password'; import { Form, Head, usePage, router } from '@inertiajs/react'; import { type Banner } from '@/types'; import axios from 'axios'; interface LoginProps { status?: string; canResetPassword: boolean; canRegister: boolean; } export default function Login({ status, canResetPassword, canRegister, }: LoginProps) { const { t } = useTranslation(); const { loginBanners, auth } = usePage().props as any; const banners = (loginBanners || []) as Banner[]; const isAuthenticated = !!auth?.user; const handleBannerDismiss = async (bannerId: number) => { if (isAuthenticated) { try { await axios.post(`/api/member/banners/${bannerId}/dismissed`); router.reload({ only: ['loginBanners'] }); } catch (error) { console.error('Failed to dismiss banner:', error); } } // For unauthenticated users, dismissal is only client-side }; const handleBannerView = async (bannerId: number) => { if (isAuthenticated) { try { await axios.post(`/api/member/banners/${bannerId}/viewed`); } catch (error) { console.error('Failed to mark banner as viewed:', error); } } }; const handleBannerClick = async (bannerId: number) => { if (isAuthenticated) { try { await axios.post(`/api/member/banners/${bannerId}/clicked`); } catch (error) { console.error('Failed to mark banner as clicked:', error); } } }; return ( {banners.length > 0 && (
)}
{({ processing, errors }) => ( <>
{canResetPassword && ( {t('Forgot password?')} )}
{canRegister && (
{t('Don\'t have an account?')}{' '} {t('Sign up')}
)} )}
{status && (
{status}
)} ); }