Spaces:
Build error
Build error
File size: 1,679 Bytes
3382f47 |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 |
import { useEffect, useState } from "react";
import Head from "next/head";
import tw from "tailwind-styled-components";
import Graph from "../components/index/Graph";
import TaskInfo from "../components/index/TaskInfo";
import { TaskData } from "../lib/types";
const Home = () => {
const [data, setData] = useState(null);
const [selectedTask, setSelectedTask] = useState<TaskData | null>(null);
const [isTaskInfoExpanded, setIsTaskInfoExpanded] = useState(false);
useEffect(() => {
// Load the JSON data from the public folder
fetch("/graph.json")
.then((response) => response.json())
.then((data) => {
setData(data);
})
.catch((error) => {
console.error("Error fetching the graph data:", error);
});
}, []);
return (
<>
<Head>
<title>agbenchmark</title>
<meta
name="description"
content="The best way to evaluate your agents"
/>
<link rel="icon" href="/favicon.ico" />
</Head>
<main className="flex h-screen flex-col items-center justify-center">
{data && (
<Panels>
<Graph
graphData={data}
setSelectedTask={setSelectedTask}
setIsTaskInfoExpanded={setIsTaskInfoExpanded}
/>
<TaskInfo
selectedTask={selectedTask}
isTaskInfoExpanded={isTaskInfoExpanded}
setIsTaskInfoExpanded={setIsTaskInfoExpanded}
setSelectedTask={setSelectedTask}
/>
</Panels>
)}
</main>
</>
);
};
export default Home;
const Panels = tw.div`
flex
h-full
w-full
`;
|