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:
Francesco
2026-02-21 02:09:11 +00:00
parent 517db95126
commit 7df3d54103
9 changed files with 3725 additions and 36 deletions

View File

@@ -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 {