diff --git a/app/Dashboard/page.tsx b/app/Dashboard/page.tsx index f9a0518..d3fe0b7 100644 --- a/app/Dashboard/page.tsx +++ b/app/Dashboard/page.tsx @@ -1,80 +1,66 @@ "use client"; -import React, { useState } from "react"; -// import { useRouter } from "next/navigation"; // Removed Next.js import -// import Link from 'next/link'; // Removed Next.js import +import React, { useState, useEffect } from "react"; +import { getStoredProjects, StoredProject } from "../utils/storage"; +import Link from 'next/link'; export default function Dashboard() { - // const router = useRouter(); // Removed Next.js hook - const [query, setQuery] = useState(""); - const [sideBarOpen, setSidebarOpen] = useState(true); - // 1. Add state to track sort order - const [sortOrder, setSortOrder] = useState("newest"); // 'newest' or 'oldest' + const [query, setQuery] = useState(""); + const [sideBarOpen, setSidebarOpen] = useState(true); + const [sortOrder, setSortOrder] = useState("newest"); + const [projects, setProjects] = useState([]); - const projects = [ - { name: "Alpha Project", createdAt: "2025-01-01" }, - { name: "Beta Board", createdAt: "2025-02-15" }, - { name: "Gamma Tasl", createdAt: "2025-03-10" }, - ]; + useEffect(() => { + const storedProjects = getStoredProjects(); + setProjects(storedProjects); + }, []); - // 2. Update sorting logic to use the sortOrder state - const sortedProjects = [...projects].sort((a, b) => { - // Get numeric timestamps to avoid TypeScript error - const dateA = new Date(a.createdAt).getTime(); - const dateB = new Date(b.createdAt).getTime(); + const sortedProjects = [...projects].sort((a, b) => { + const dateA = new Date(a.id).getTime(); + const dateB = new Date(b.id).getTime(); - if (sortOrder === "newest") { - return dateB - dateA; // Newest first - } else { - return dateA - dateB; // Oldest first - } - }); + if (sortOrder === "newest") { + return dateB - dateA; + } else { + return dateA - dateB; + } + }); - // 3. Filter the *sorted* array based on the query - const filtered = sortedProjects.filter((p) => - p.name.toLowerCase().includes(query.toLowerCase()) - ); + const filtered = sortedProjects.filter((p) => + p.title.toLowerCase().includes(query.toLowerCase()) + ); - // Helper function to handle navigation for the "Create" button - const handleCreateClick = () => { - // Use standard window navigation instead of Next.js router - window.location.href = "/formfile"; - }; + const handleCreateClick = () => { + window.location.href = "/formfile"; + }; - // 4. Function to toggle the sort order - const toggleSortOrder = () => { - setSortOrder(currentOrder => (currentOrder === "newest" ? "oldest" : "newest")); - }; + const toggleSortOrder = () => { + setSortOrder(currentOrder => (currentOrder === "newest" ? "oldest" : "newest")); + }; - return ( -
-