Server : Apache/2 System : Linux server-15-235-50-60 5.15.0-164-generic #174-Ubuntu SMP Fri Nov 14 20:25:16 UTC 2025 x86_64 User : gositeme ( 1004) PHP Version : 8.2.29 Disable Function : exec,system,passthru,shell_exec,proc_close,proc_open,dl,popen,show_source,posix_kill,posix_mkfifo,posix_getpwuid,posix_setpgid,posix_setsid,posix_setuid,posix_setgid,posix_seteuid,posix_setegid,posix_uname Directory :  /home/gositeme/domains/lavocat.ca/public_html/src/pages/

Upload File : current_dir [ Writeable ] document_root [ Writeable ]

import React from 'react';
import { useSession } from 'next-auth/react';
import SimpleComments from '@/components/SimpleComments';

const TestCommentsPage = () => {
  const { data: session, status } = useSession();

  if (status === 'loading') {
    return (
      <div className="min-h-screen flex items-center justify-center">
        <div className="text-center">
          <div className="w-8 h-8 border-2 border-blue-600 border-t-transparent rounded-full animate-spin mx-auto mb-4" />
          <p>Loading...</p>
        </div>
      </div>
    );
  }

  if (status === 'unauthenticated') {
    return (
      <div className="min-h-screen flex items-center justify-center">
        <div className="text-center">
          <h1 className="text-2xl font-bold text-gray-900 mb-4">Please Sign In</h1>
          <p className="text-gray-600">You need to be signed in to test the comments system.</p>
        </div>
      </div>
    );
  }

  return (
    <div className="min-h-screen bg-gray-50 py-8">
      <div className="max-w-4xl mx-auto px-4">
        <div className="mb-8">
          <h1 className="text-3xl font-bold text-gray-900 mb-2">Comments System Test</h1>
          <p className="text-gray-600">
            Welcome, {session?.user?.name}! This is a test page for the new comments system.
          </p>
        </div>

        <div className="bg-white rounded-lg shadow-sm border border-gray-200">
          <SimpleComments 
            caseId="test-case-123" 
            className="p-6"
          />
        </div>

        <div className="mt-8 bg-white rounded-lg shadow-sm border border-gray-200 p-6">
          <h2 className="text-xl font-semibold text-gray-900 mb-4">Features</h2>
          <ul className="space-y-2 text-gray-600">
            <li>✅ Real-time comment posting</li>
            <li>✅ Threaded replies</li>
            <li>✅ Edit and delete comments</li>
            <li>✅ File attachments</li>
            <li>✅ Pagination</li>
            <li>✅ Optimistic UI updates</li>
            <li>✅ Proper error handling</li>
            <li>✅ Accessibility features</li>
          </ul>
        </div>
      </div>
    </div>
  );
};

export default TestCommentsPage;