update

src/component/homeMenu/index.tsx

@@ -1,5 +1,7 @@
 import { Button } from "@mui/material";
 import style from "./style.module.css";
+import { Link } from "react-router-dom";
+import React from "react";
 
 interface Props {
   isSignIn: boolean;
@@ -12,7 +14,9 @@ export function HomeMenu(props: Props) {
     <div className={props.className}>
       <Button className={style.text}>定价</Button>
       {props.isSignIn ? (
-        <Button className={style.text}>文件列表</Button>
+        <Link className={style.text} to={`/dashboard`}>
+          <Button className={style.text}>文件列表</Button>
+        </Link>
       ) : (
         <Button className={style.text} onClick={props.onOpenSignIn}>
           注册 / 登录

src/component/homeMenu/style.module.css

@@ -1,3 +1,4 @@
 .text {
   color: #252525 !important;
+  text-decoration: none;
 }

src/pages/dashboard/index.tsx

@@ -1,5 +1,27 @@
+import style from "./style.module.css";
+import { Link } from "react-router-dom";
 function Login() {
-  return <div>文件目录</div>;
+  return (
+    <div
+      style={{
+        width: "100vw",
+        height: "100vh",
+        display: "flex",
+        alignItems: "center",
+      }}
+    >
+      <div className={style.menu}>
+        <li>文件</li>
+        <li>分享</li>
+        <li>保险箱</li>
+        <li>回收站</li>
+        <Link to={`/`}>
+          <div className={style.logo}>LOGO</div>
+        </Link>
+      </div>
+      <div></div>
+    </div>
+  );
 }
 
 export default Login;

src/pages/dashboard/style.module.css

@@ -0,0 +1,34 @@
+.menu {
+  display: flex;
+  flex-direction: column;
+  list-style: none;
+  width: 350px;
+  height: 100vh;
+  background-color: #f2f2f2;
+  align-items: center;
+  justify-content: center;
+}
+
+.menu li {
+  width: 350px;
+  line-height: 100px;
+  text-align: center;
+  border-top: #949494 1px solid;
+  cursor: pointer;
+}
+
+.menu > li:first-child {
+  border-top: none;
+}
+
+.menu > li:hover {
+  background-color: #e6e6e6;
+}
+
+.logo {
+  position: absolute;
+  top: 20px;
+  left: 20px;
+  font-size: 48px;
+  cursor: pointer;
+}