'use client';
import { useEffect, Suspense } from 'react';
import { useRouter, useSearchParams } from 'next/navigation';
import { Button } from '@/components/ui/button';
import Image from 'next/image';
/**
* Account Inactive Page Content
* Separated to allow Suspense wrapping for useSearchParams
*/
function InactivePageContent() {
const router = useRouter();
const searchParams = useSearchParams();
// Get the deactivation message from URL params or use default
const message =
searchParams.get('message') ||
'Your account has been deactivated. Please contact the administrator for assistance.';
useEffect(() => {
// Clear any remaining auth tokens when this page loads
// This ensures the user cannot access protected pages
if (typeof window !== 'undefined') {
localStorage.removeItem('student_auth_state');
// Set a flag to indicate the account is deactivated
localStorage.setItem('account_deactivated', 'true');
}
}, []);
const handleRetry = () => {
// Clear the deactivation flag and try to login again
if (typeof window !== 'undefined') {
localStorage.removeItem('account_deactivated');
}
router.push('/student/auth/login');
};
return (
{/* Illustration */}
{/* Message */}
{message}
{/* Action Buttons */}
);
}
/**
* Account Inactive Page
*
* This page is shown when a student's account has been deactivated by the administrator.
* It prevents access to all other pages and provides options to retry or contact support.
*/
export default function InactivePage() {
return (
}
>
);
}