system/memos
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 1

fix: user state

Browse source
This commit is contained in:
Johnny 2025-07-17 22:36:28 +08:00
parent e3735d2de3
commit 74769b3332
2 changed files with 24 additions and 24 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

23
web/src/components/HomeSidebar/HomeSidebar.tsx
View file

@ -1,12 +1,7 @@
import { last } from "lodash-es";
import { observer } from "mobx-react-lite";
import { matchPath, useLocation } from "react-router-dom";
import useDebounce from "react-use/lib/useDebounce";
import SearchBar from "@/components/SearchBar";
import useCurrentUser from "@/hooks/useCurrentUser";
import { cn } from "@/lib/utils";
import { Routes } from "@/router";
import { memoStore, userStore } from "@/store";
import MemoFilters from "../MemoFilters";
import StatisticsView from "../StatisticsView";
import ShortcutsSection from "./ShortcutsSection";
@ -17,26 +12,8 @@ interface Props {
}
const HomeSidebar = observer((props: Props) => {
const location = useLocation();
const currentUser = useCurrentUser();
useDebounce(
async () => {
let parent: string | undefined = undefined;
if (location.pathname === Routes.ROOT && currentUser) {
parent = currentUser.name;
}
if (matchPath("/u/:username", location.pathname) !== null) {
const username = last(location.pathname.split("/"));
const user = await userStore.getOrFetchUserByUsername(username || "");
parent = user.name;
}
await userStore.fetchUserStats(parent);
},
300,
[memoStore.state.memos.length, userStore.state.statsStateId, location.pathname],
);
return (
<aside
className={cn(

25
web/src/layouts/HomeLayout.tsx
View file

@ -1,12 +1,35 @@
import { last } from "lodash-es";
import { observer } from "mobx-react-lite";
import { Outlet } from "react-router-dom";
import { matchPath, Outlet } from "react-router-dom";
import { useDebounce } from "react-use";
import { HomeSidebar, HomeSidebarDrawer } from "@/components/HomeSidebar";
import MobileHeader from "@/components/MobileHeader";
import useCurrentUser from "@/hooks/useCurrentUser";
import useResponsiveWidth from "@/hooks/useResponsiveWidth";
import { cn } from "@/lib/utils";
import { Routes } from "@/router";
import { memoStore, userStore } from "@/store";
const HomeLayout = observer(() => {
const { md, lg } = useResponsiveWidth();
const currentUser = useCurrentUser();
useDebounce(
async () => {
let parent: string | undefined = undefined;
if (location.pathname === Routes.ROOT && currentUser) {
parent = currentUser.name;
}
if (matchPath("/u/:username", location.pathname) !== null) {
const username = last(location.pathname.split("/"));
const user = await userStore.getOrFetchUserByUsername(username || "");
parent = user.name;
}
await userStore.fetchUserStats(parent);
},
300,
[memoStore.state.memos.length, userStore.state.statsStateId, location.pathname],
);
return (
<section className="@container w-full min-h-full flex flex-col justify-start items-center">