import Navbar from '@/components/Navbar' import Footer from '@/components/Footer' import Head from 'next/head' import Card from '@/components/DashboardCard' import PopupForm from '@/components/DashboardCreateEntity' import useSWR from 'swr' import { useState, useEffect } from 'react' import Link from 'next/link' import { useRouter } from 'next/router' const Dashboard = ({ data }) => { const router = useRouter() const [isPopupVisible, setPopupVisibility] = useState(false) //let { data } = useSWR('/api/whatever') //let { data } = useSWR('https://api.whatever.com') /** * let {data, error } = useSWR('/api/whatever') * if (error) return whetever * */ const handleCreateButtonClick = () => { setPopupVisibility(true) } const handleClosePopup = () => { setPopupVisibility(false) } useEffect(() => { const handleMousemove = (e) => { const rect = e.currentTarget.getBoundingClientRect(); const x = e.clientX - rect.left; const y = e.clientY - rect.top; e.currentTarget.style.setProperty("--mouse-x", `${x}px`); e.currentTarget.style.setProperty("--mouse-y", `${y}px`); }; document.querySelectorAll(".dashboard_entity_card").forEach((card) => { card.addEventListener("mousemove", handleMousemove); return () => { card.removeEventListener("mousemove", handleMousemove); }; }); }, []); return ( <> Dashboard - Assistify {Object.keys(data).length !== 0 ? ( <>

Welcome, {data.name} 👋

{/* */}
{isPopupVisible && }
{data.entities.length !== 0 ? ( data.entities?.map((entity, index) => { return ( ) }) ) : (
You haven't created any entities yet.
)}
) : ( /* Work on this, show a error */ Error )}