feat: replace HomeSidebar with MemoExplorer and MemoExplorerDrawer components

web/src/components/HomeSidebar/index.ts

@@ -1,4 +0,0 @@
-import HomeSidebar from "./HomeSidebar";
-import HomeSidebarDrawer from "./HomeSidebarDrawer";
-
-export { HomeSidebar, HomeSidebarDrawer };

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;

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;

web/src/components/MemoExplorer/index.ts

@@ -0,0 +1,4 @@
+import MemoExplorer from "./MemoExplorer";
+import MemoExplorerDrawer from "./MemoExplorerDrawer";
+
+export { MemoExplorer, MemoExplorerDrawer };

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" : "")}>