import * as React from "react";
import {
  Routes,
  Route,
  Outlet,
  Link,
  createBrowserRouter,
} from "react-router-dom";
import Layout from "@/components/Layout/Layout";
// import Home from "@/pages/Home/Home";
import About from "@/pages/About/About";
import Finder from "@/pages/Finder/Finder";
import Setting from "@/pages/Setting/Setting";
import FileSort from "@/pages/FileSort/FileSort";
import FileClear from "@/pages/FileClear/FileClear";
import DuplicateFileIndex from "@/pages/DuplicateFile/Index";
import DuplicateFile from "@/pages/DuplicateFile/DuplicateFile";
import CalculateDuplicateFiles from "@/pages/DuplicateFile/CalculateDuplicateFiles";
import DuplicateFileInfo from "@/pages/DuplicateFile/FileInfo";
// import CalculateListPage from "@/pages/DuplicateFile/CalculateListPage";
import CalculateListPage from "@/pages/DuplicateFile/CalculateListPage";
import ManageDuplicateFiles from "@/pages/DuplicateFile/ManageDuplicateFiles";
import FilesManage from "@/pages/DuplicateFile/FilesManage";
import ChatPage from "@/pages/Chat/Chat";

/* 收藏夹管理 */
import BookmarksIndex from "@/pages/Bookmarks/List";
import BookmarksList from "@/pages/Bookmarks/List";
import Chat from "@/pages/Chat/Chat";
/* export default function Router() {
  return (
    <Routes>
      <Route path="/" element={<Layout />}>
        <Route index element={<DuplicateFileIndex />} />
        <Route path={"about"} element={<About />} />
        <Route path={"finder"} element={<Finder />} />
        <Route path={"setting"} element={<Setting />} />
        <Route path={"home"} element={<Home />} />
        <Route path={"file-sort"} element={<FileSort />} />
        <Route path={"file-clear"} element={<FileClear />} />
        <Route path={"duplicate-file"} element={<DuplicateFileIndex />} >
          <Route index element={<DuplicateFile />} />
          <Route path={"info"} element={<DuplicateFileInfo />} />
        </Route>
      </Route>
    </Routes>
  );
} */

const router = createBrowserRouter(
  [
    {
      path: "/",
      id: "root",
      element: <Layout />,
      /*
    // loader: rootLoader,
    每个路由都可以定义一个“加载器”函数，以便在路由元素呈现之前向路由元素提供数据。
      loader: async () => {
        return fakeDb.from("teams").select("*");
      },
    */
      children: [
        {
          path: "",
          element: <DuplicateFileIndex />,
          children: [
            {
              path: "",
              element: <DuplicateFile />,
            },
            {
              path: "info/:fileId",
              element: <DuplicateFileInfo />,
            },
            {
              path: "calculate/:fileId",
              element: <CalculateDuplicateFiles />,
            },
            {
              path: "calculate-list/:fileId",
              element: <CalculateListPage />,
            },
            {
              path: "ManageDuplicateFiles/:fileId",
              element: <ManageDuplicateFiles />,
            },
            {
              path: "files-manage/:fileId",
              element: <FilesManage />,
            },
          ],
        },
        {
          path: "about",
          element: <About />,
        },
        {
          path: "finder",
          element: <Finder />,
        },
        {
          path: "setting",
          element: <Setting />,
        },
        {
          path: "file-sort",
          element: <FileSort />,
        },
        {
          path: "file-clear",
          element: <FileClear />,
        },
        {
          path: "chat",
          element: <ChatPage />,
        }
        // {
        //   path: "duplicate-file",
        //   element: <DuplicateFileIndex />,
        //   children: [
        //     {
        //       path: "",
        //       element: <DuplicateFile />,
        //     },
        //     {
        //       path: "info/:fileId",
        //       element: <DuplicateFileInfo />,
        //     }
        //   ]
        // },
      ],
    },
  ],
  {
    future: {
      // Normalize `useNavigation()`/`useFetcher()` `formMethod` to uppercase
      v7_normalizeFormMethod: true,
    },
  },
);

export default router;