feat: add researches

package.json

@@ -22,7 +22,6 @@
     "@rjsf/core": "^5.12.1",
     "@rjsf/mui": "^5.12.1",
     "@rjsf/utils": "^5.12.1",
-    "@rjsf/validator-ajv6": "^5.12.1",
     "@rjsf/validator-ajv8": "^5.12.1",
     "@sentry/react": "^7.64.0",
     "@sentry/vite-plugin": "^2.7.0",

src/layouts/RootLayout.tsx

@@ -24,7 +24,7 @@ export const RootLayout: FC = () => {
   useEffectOnce(() => {
     const token = getToken()
     if (token) {
-      navigate("/dashboard")
+      navigate("/research")
     } else {
       navigate("/auth/login")
     }
@@ -42,16 +42,19 @@ export const RootLayout: FC = () => {
           <Typography variant="h6" component="div">
             RogueStats
           </Typography>
-          <Tooltip title="构建版本" arrow>
-            <div className="bg-slate-800 text-white text-xs px-2 py-1 cursor-help">
-              {import.meta.env.VITE_BUILD_GIT_COMMIT || "未知构建"}
-            </div>
+          <Tooltip
+            title="构建版本"
+            arrow
+            className="bg-slate-800 hover:bg-slate-700 text-white text-xs px-2 py-1 cursor-help"
+          >
+            {import.meta.env.VITE_BUILD_GIT_COMMIT || "未知构建"}
           </Tooltip>
           <div className="flex-1" />
           {token && <AccountButton />}
         </Toolbar>
       </AppBar>
-      <Container maxWidth="lg" className="pt-16">
+
+      <Container maxWidth="lg" className="pt-24">
         <Outlet />
       </Container>
     </>
@@ -81,7 +84,7 @@ const AccountButton: FC = () => {
 
   return (
     <>
-      <Tooltip title="Account">
+      <Tooltip title="账户" arrow>
         <IconButton
           size="large"
           aria-controls={open ? "account-menu-" : undefined}

src/pages/Login.tsx

@@ -45,7 +45,7 @@ export const LoginPage: FC = () => {
 
   useEffectOnce(() => {
     if (getToken()) {
-      navigate("/dashboard")
+      navigate("/research")
     }
   })
 
@@ -67,7 +67,7 @@ export const LoginPage: FC = () => {
       },
       onCompleted: data => {
         toast.success(`已登录为 ${data.login.name}`)
-        navigate("/dashboard")
+        navigate("/research")
       },
       onError: error => {
         console.debug(error)

src/pages/research/ResearchDetailPage.tsx

@@ -0,0 +1,32 @@
+import { Card } from "@mui/material"
+import validator from "@rjsf/validator-ajv8"
+import { FC } from "react"
+import { graphql, useLazyLoadQuery } from "react-relay"
+import { useParams } from "react-router-dom"
+import { Form } from "../../components/rjsf/Form"
+import { ResearchDetailPageQuery } from "./__generated__/ResearchDetailPageQuery.graphql"
+
+export const ResearchDetailPage: FC = () => {
+  const { id } = useParams<{ id: string }>()
+  if (!id) throw new Error("id is required")
+
+  const data = useLazyLoadQuery<ResearchDetailPageQuery>(
+    graphql`
+      query ResearchDetailPageQuery($id: ID!) {
+        research(id: $id) {
+          id
+          name
+          schema
+        }
+      }
+    `,
+    { id },
+  )
+
+  return (
+    <Card className="p-4 shadow-lg">
+      <h1 className="text-lg">{data.research.name}</h1>
+      <Form schema={data.research.schema} validator={validator} />
+    </Card>
+  )
+}