From 9b72963e08cf515f59a559e0ee0d506dbc1c61b9 Mon Sep 17 00:00:00 2001
From: Claude <noreply@anthropic.com>
Date: Sun, 2 Nov 2025 23:31:29 +0800
Subject: [PATCH] feat: replace HomeSidebar with MemoExplorer and
 MemoExplorerDrawer components

---
 web/src/components/HomeSidebar/index.ts                   | 4 ----
 .../HomeSidebar.tsx => MemoExplorer/MemoExplorer.tsx}     | 4 ++--
 .../MemoExplorerDrawer.tsx}                               | 8 ++++----
 .../{HomeSidebar => MemoExplorer}/ShortcutsSection.tsx    | 0
 .../{HomeSidebar => MemoExplorer}/TagsSection.tsx         | 0
 web/src/components/MemoExplorer/index.ts                  | 4 ++++
 web/src/layouts/HomeLayout.tsx                            | 6 +++---
 7 files changed, 13 insertions(+), 13 deletions(-)
 delete mode 100644 web/src/components/HomeSidebar/index.ts
 rename web/src/components/{HomeSidebar/HomeSidebar.tsx => MemoExplorer/MemoExplorer.tsx} (91%)
 rename web/src/components/{HomeSidebar/HomeSidebarDrawer.tsx => MemoExplorer/MemoExplorerDrawer.tsx} (84%)
 rename web/src/components/{HomeSidebar => MemoExplorer}/ShortcutsSection.tsx (100%)
 rename web/src/components/{HomeSidebar => MemoExplorer}/TagsSection.tsx (100%)
 create mode 100644 web/src/components/MemoExplorer/index.ts

diff --git a/web/src/components/HomeSidebar/index.ts b/web/src/components/HomeSidebar/index.ts
deleted file mode 100644
index f66cde32c..000000000
--- a/web/src/components/HomeSidebar/index.ts
+++ /dev/null
@@ -1,4 +0,0 @@
-import HomeSidebar from "./HomeSidebar";
-import HomeSidebarDrawer from "./HomeSidebarDrawer";
-
-export { HomeSidebar, HomeSidebarDrawer };
diff --git a/web/src/components/HomeSidebar/HomeSidebar.tsx b/web/src/components/MemoExplorer/MemoExplorer.tsx
similarity index 91%
rename from web/src/components/HomeSidebar/HomeSidebar.tsx
rename to web/src/components/MemoExplorer/MemoExplorer.tsx
index 83e63bd81..4508520de 100644
--- a/web/src/components/HomeSidebar/HomeSidebar.tsx
+++ b/web/src/components/MemoExplorer/MemoExplorer.tsx
@@ -10,7 +10,7 @@ interface Props {
   className?: string;
 }
 
-const HomeSidebar = observer((props: Props) => {
+const MemoExplorer = observer((props: Props) => {
   const currentUser = useCurrentUser();
 
   return (
@@ -30,4 +30,4 @@ const HomeSidebar = observer((props: Props) => {
   );
 });
 
-export default HomeSidebar;
+export default MemoExplorer;
diff --git a/web/src/components/HomeSidebar/HomeSidebarDrawer.tsx b/web/src/components/MemoExplorer/MemoExplorerDrawer.tsx
similarity index 84%
rename from web/src/components/HomeSidebar/HomeSidebarDrawer.tsx
rename to web/src/components/MemoExplorer/MemoExplorerDrawer.tsx
index 18fb7f465..25558e38d 100644
--- a/web/src/components/HomeSidebar/HomeSidebarDrawer.tsx
+++ b/web/src/components/MemoExplorer/MemoExplorerDrawer.tsx
@@ -3,9 +3,9 @@ import { useEffect, useState } from "react";
 import { useLocation } from "react-router-dom";
 import { Button } from "@/components/ui/button";
 import { Sheet, SheetContent, SheetHeader, SheetTitle, SheetTrigger } from "@/components/ui/sheet";
-import HomeSidebar from "./HomeSidebar";
+import MemoExplorer from "./MemoExplorer";
 
-const HomeSidebarDrawer = () => {
+const MemoExplorerDrawer = () => {
   const location = useLocation();
   const [open, setOpen] = useState(false);
 
@@ -24,10 +24,10 @@ const HomeSidebarDrawer = () => {
         <SheetHeader>
           <SheetTitle />
         </SheetHeader>
-        <HomeSidebar className="px-4" />
+        <MemoExplorer className="px-4" />
       </SheetContent>
     </Sheet>
   );
 };
 
-export default HomeSidebarDrawer;
+export default MemoExplorerDrawer;
diff --git a/web/src/components/HomeSidebar/ShortcutsSection.tsx b/web/src/components/MemoExplorer/ShortcutsSection.tsx
similarity index 100%
rename from web/src/components/HomeSidebar/ShortcutsSection.tsx
rename to web/src/components/MemoExplorer/ShortcutsSection.tsx
diff --git a/web/src/components/HomeSidebar/TagsSection.tsx b/web/src/components/MemoExplorer/TagsSection.tsx
similarity index 100%
rename from web/src/components/HomeSidebar/TagsSection.tsx
rename to web/src/components/MemoExplorer/TagsSection.tsx
diff --git a/web/src/components/MemoExplorer/index.ts b/web/src/components/MemoExplorer/index.ts
new file mode 100644
index 000000000..5be9a70cb
--- /dev/null
+++ b/web/src/components/MemoExplorer/index.ts
@@ -0,0 +1,4 @@
+import MemoExplorer from "./MemoExplorer";
+import MemoExplorerDrawer from "./MemoExplorerDrawer";
+
+export { MemoExplorer, MemoExplorerDrawer };
diff --git a/web/src/layouts/HomeLayout.tsx b/web/src/layouts/HomeLayout.tsx
index a0eb71cba..c56faa88c 100644
--- a/web/src/layouts/HomeLayout.tsx
+++ b/web/src/layouts/HomeLayout.tsx
@@ -2,7 +2,7 @@ import { last } from "lodash-es";
 import { observer } from "mobx-react-lite";
 import { matchPath, Outlet } from "react-router-dom";
 import { useDebounce } from "react-use";
-import { HomeSidebar, HomeSidebarDrawer } from "@/components/HomeSidebar";
+import { MemoExplorer, MemoExplorerDrawer } from "@/components/MemoExplorer";
 import MobileHeader from "@/components/MobileHeader";
 import useCurrentUser from "@/hooks/useCurrentUser";
 import useResponsiveWidth from "@/hooks/useResponsiveWidth";
@@ -35,12 +35,12 @@ const HomeLayout = observer(() => {
     <section className="@container w-full min-h-full flex flex-col justify-start items-center">
       {!md && (
         <MobileHeader>
-          <HomeSidebarDrawer />
+          <MemoExplorerDrawer />
         </MobileHeader>
       )}
       {md && (
         <div className={cn("fixed top-0 left-16 shrink-0 h-svh transition-all", "border-r border-border", lg ? "w-72" : "w-56")}>
-          <HomeSidebar className={cn("px-3 py-6")} />
+          <MemoExplorer className={cn("px-3 py-6")} />
         </div>
       )}
       <div className={cn("w-full min-h-full", lg ? "pl-72" : md ? "pl-56" : "")}>