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/private_html/src/pages/admin/

Upload File : current_dir [ Writeable ] document_root [ Writeable ]

import { useEffect, useState } from 'react';
import { useRouter } from 'next/router';
import { useSession } from 'next-auth/react';
import LayoutWithSidebar from '../../components/LayoutWithSidebar';

export default function MakeAdminPage() {
  const { data: session, status } = useSession();
  const router = useRouter();
  const [message, setMessage] = useState('');

  useEffect(() => {
    if (status === 'unauthenticated') {
      router.push('/auth/login');
      return;
    }
  }, [status, router]);

  const makeAdmin = async () => {
    try {
      const response = await fetch('/api/admin/make-admin', {
        method: 'POST',
      });

      if (!response.ok) {
        throw new Error('Failed to make admin');
      }

      const data = await response.json();
      setMessage('Successfully made admin! Redirecting...');
      setTimeout(() => {
        router.push('/admin');
      }, 2000);
    } catch (error) {
      setMessage('Error making admin. Please try again.');
    }
  };

  if (status === 'loading') {
    return (
      <div className="flex items-center justify-center min-h-screen">
        <div className="animate-spin rounded-full h-12 w-12 border-b-2 border-blue-600"></div>
        <span className="ml-3 text-gray-600">Loading...</span>
      </div>
    );
  }

  return (
    <LayoutWithSidebar>
      <div className="min-h-screen flex items-center justify-center bg-gray-50 py-12 px-4 sm:px-6 lg:px-8">
        <div className="max-w-md w-full space-y-8">
          <div>
            <h2 className="mt-6 text-center text-3xl font-extrabold text-gray-900">
              Make Admin
            </h2>
            <p className="mt-2 text-center text-sm text-gray-600">
              Click the button below to make yourself an admin
            </p>
          </div>

          {message && (
            <div className={`rounded-md p-4 ${
              message.includes('Success') ? 'bg-green-50 text-green-700' : 'bg-red-50 text-red-700'
            }`}>
              {message}
            </div>
          )}

          <div>
            <button
              onClick={makeAdmin}
              className="group relative w-full flex justify-center py-2 px-4 border border-transparent text-sm font-medium rounded-md text-white bg-blue-600 hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500"
            >
              Make Admin
            </button>
          </div>
        </div>
      </div>
    </LayoutWithSidebar>
  );
}