"use client";

import useSWR from 'swr';
import { useEffect, useState } from 'react';

export default function Page() {
  const [key, setKey] = useState(() => `/api/cansee?timestamp=${Date.now()}`);

  useEffect(() => {
    setKey(`/api/cansee?timestamp=${Date.now()}`);
  }, []);

 const { data, error } = useSWR(key, {
    revalidateOnMount: true,
  });

  if (error) return <>Not Allowed.</>;
  if (!data) return <>Loading...</>;

  return(
    <div>
      ok
    </div>
  );
}

'use client'

//some imports//

export const revalidate = 0

const UsersList = ({ listedObjectName = 'utilisateurs', agency }: { listedObjectName?: string, agency?: Agency }) => {
  const session = useSession()

  const [loading, setLoading] = useState(false)
  const [users, setUsers] = useState<User[]>([])

  useEffect(() => {
    const getUsers = async () => {
      setLoading(true)
      const res = await fetch(`${process.env.NEXT_PUBLIC_URL}/api/users`)

      if (!res.ok) {
        toast.error('Une erreur est survenue lors de la récupération des utilisateurs')
      }
      const data = await res.json()
      console.log('data', data)
      if (agency) {
        setUsers(data.filter((user: User) => {
          if (!user.agencies) return false
          return user.agencies.some(agency => agency.id === agency.id)
        }))
      } else {
        setUsers(data)
      }
      setLoading(false)
    }

    getUsers()
  }, [])

  return (
    <Card className='flex flex-col'>
      <CardHeader>
        <CardTitle>Liste des {listedObjectName}</CardTitle>
      </CardHeader>
      <CardContent>
        {loading ? (
          <div className="flex justify-center items-center h-full">
            <LoadingSpinner />
          </div>
        ) : (
          <ul className='flex flex-col gap-2'>
            {users.length > 0 ? users.map((user, i) => (
              <li key={i} className="flex gap-5 items-center">
                <Suspense>
                  {session?.data?.user?.role === 'SUPER_ADMIN' && user.email !== session.data.user.email && (
                    <UserDeleteConfirmationPopover className='h-6 w-6' email={user.email} />
                  )}
                </Suspense>
                <p>{user.email}</p>
              </li>
            )) : (
              <p>Aucun utilisateur trouvé</p>
            )}
          </ul>
        )}
      </CardContent>
    </Card>
  )
}

export default UsersList

import { NextRequest, NextResponse } from "next/server"
import user from "@/lib/user"

export async function GET(
  request: NextRequest,
) {
  const users = await user.getAll()

  if (!users) {
    return NextResponse.json({ error: "No user found" }, { status: 404 })
  }
  return NextResponse.json(users)
}

const res = await fetch(`${process.env.NEXT_PUBLIC_URL}/api/users`, {
  cache: 'no-store'
});