"use client";

import { supabase } from "@/utils/supabase/supabaseClient";
import { useState, useEffect } from "react";
import { Button } from "@/components/ui/button";

export default function Home() {
  const [top5projects, setTop5Projects] = useState([]);

  useEffect(() => {
    const fetchData = async () => {
      let { data: projects, error } = await supabase
        .from("projects")
        .select("*")
        .order("score", { ascending: false })
        .range(0, 5);

      if (error) console.error("error", error);

      setTop5Projects(projects);
      // console.log(projects);
    };

    fetchData();
    console.log(top5projects);
  }, []);

  return (
    <main className="flex flex-col items-center min-h-screen gap-4 p-6">
      <h1>Admin Panel</h1>
    </main>
  );
}