You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
memos/web/src/components/HomeSidebar.tsx

29 lines
683 B
TypeScript

import classNames from "classnames";
import useCurrentUser from "@/hooks/useCurrentUser";
import PersonalStatistics from "./PersonalStatistics";
import SearchBar from "./SearchBar";
import TagList from "./TagList";
interface Props {
className?: string;
}
const HomeSidebar = (props: Props) => {
const currentUser = useCurrentUser();
return (
<aside
className={classNames(
"relative w-full h-auto max-h-screen overflow-auto hide-scrollbar flex flex-col justify-start items-start",
props.className,
)}
>
<SearchBar />
<PersonalStatistics user={currentUser} />
<TagList />
</aside>
);
};
export default HomeSidebar;