fix: Update Tailwind CSS and Better Auth imports for frontend build
- Update Tailwind CSS v4 PostCSS configuration - Fix Better Auth React imports (better-auth/react) - Update all page components to use Better Auth useSession - Add @tailwindcss/postcss to dependencies - Remove SessionProvider from layout (Better Auth handles sessions) - Fix globals.css for Tailwind v4 compatibility - Update page components with correct session state checking This addresses build failures related to: - Tailwind CSS v4 PostCSS plugin compatibility - Better Auth React client import paths - NextAuth v5 to Better Auth migration
This commit is contained in:
@@ -1,17 +1,17 @@
|
||||
'use client';
|
||||
|
||||
import { useSession } from 'next-auth/react';
|
||||
import { useSession } from '@/lib/better-auth';
|
||||
import { useRouter } from 'next/navigation';
|
||||
import { useEffect, useState } from 'react';
|
||||
import Link from 'next/link';
|
||||
|
||||
export default function Home() {
|
||||
const { data: session, status } = useSession();
|
||||
const { data: session, isPending } = useSession();
|
||||
const router = useRouter();
|
||||
const [stats, setStats] = useState({ filings: 0, portfolioValue: 0, watchlist: 0 });
|
||||
|
||||
useEffect(() => {
|
||||
if (status === 'unauthenticated') {
|
||||
if (!isPending && !session) {
|
||||
router.push('/auth/signin');
|
||||
return;
|
||||
}
|
||||
@@ -19,7 +19,7 @@ export default function Home() {
|
||||
if (session?.user) {
|
||||
fetchStats(session.user.id);
|
||||
}
|
||||
}, [session, status, router]);
|
||||
}, [session, isPending, router]);
|
||||
|
||||
const fetchStats = async (userId: string) => {
|
||||
try {
|
||||
|
||||
Reference in New Issue
Block a user