YourSelfHosted/memos
1
0
Fork 0
mirror of https://github.com/usememos/memos.git synced 2025-02-16 03:12:13 +01:00
Code Issues Packages Projects Releases Wiki Activity

chore: update component name

Browse Source
This commit is contained in:
Steven 2024-04-09 20:51:09 +08:00
parent 000b3a7a2c
commit 6028838f03
5 changed files with 9 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
web/src/components/Dialog/BaseDialog.tsx
View File

@ -12,7 +12,6 @@ import "@/less/base-dialog.less";
interface DialogConfig {
dialogName: string;
className?: string;
containerClassName?: string;
clickSpaceDestroy?: boolean;
}
@ -21,7 +20,7 @@ interface Props extends DialogConfig, DialogProps {
}
const BaseDialog: React.FC<Props> = (props: Props) => {
const { children, className, containerClassName, clickSpaceDestroy, dialogName, destroy } = props;
const { children, className, clickSpaceDestroy, dialogName, destroy } = props;
const dialogStore = useDialogStore();
const dialogContainerRef = useRef<HTMLDivElement>(null);
const dialogIndex = dialogStore.state.dialogStack.findIndex((item) => item === dialogName);
@ -58,7 +57,7 @@ const BaseDialog: React.FC<Props> = (props: Props) => {
return (
<div className={classNames("dialog-wrapper", className)} onMouseDown={handleSpaceClicked}>
<div ref={dialogContainerRef} className={classNames("dialog-container", containerClassName)} onMouseDown={(e) => e.stopPropagation()}>
<div ref={dialogContainerRef} className={classNames("dialog-container")} onMouseDown={(e) => e.stopPropagation()}>
{children}
</div>
</div>

4
web/src/components/HomeSidebar/HomeSidebar.tsx
View File

@ -1,6 +1,6 @@
import classNames from "classnames";
import PersonalStatistics from "@/components/PersonalStatistics";
import SearchBar from "@/components/SearchBar";
import UserStatisticsView from "@/components/UserStatisticsView";
import useCurrentUser from "@/hooks/useCurrentUser";
import TagsSection from "./TagsSection";
@ -19,7 +19,7 @@ const HomeSidebar = (props: Props) => {
)}
>
<SearchBar />
<PersonalStatistics user={currentUser} />
<UserStatisticsView user={currentUser} />
<TagsSection />
</aside>
);

1
web/src/components/MemoEditor/MemoEditorDialog.tsx
View File

@ -55,7 +55,6 @@ export default function showMemoEditorDialog(props: Pick<Props, "memoName" | "ca
{
className: "memo-editor-dialog",
dialogName: "memo-editor-dialog",
containerClassName: "dark:!bg-zinc-800",
},
MemoEditorDialog,
props,

1
web/src/components/PreviewMarkdownDialog.tsx
View File

@ -34,7 +34,6 @@ export default function showPreviewMarkdownDialog(content: string): void {
{
className: "preview-markdown-dialog",
dialogName: "preview-markdown-dialog",
containerClassName: "dark:!bg-zinc-800",
},
PreviewMarkdownDialog,
{

8
web/src/components/PersonalStatistics.tsx → web/src/components/UserStatisticsView.tsx
View File

@ -10,7 +10,7 @@ interface Props {
user: User;
}
const PersonalStatistics = (props: Props) => {
const UserStatisticsView = (props: Props) => {
const { user } = props;
const t = useTranslate();
const tagStore = useTagStore();
@ -39,7 +39,9 @@ const PersonalStatistics = (props: Props) => {
return (
<div className="w-full border mt-2 py-2 px-3 rounded-md space-y-0.5 text-gray-500 dark:text-gray-400 bg-zinc-50 dark:bg-zinc-900 dark:border-zinc-800">
<p className="text-sm font-medium dark:text-gray-500">{t("common.statistics")}</p>
<div className="mb-1 w-full flex flex-row justify-between items-center">
<p className="text-sm font-medium leading-6 dark:text-gray-500">{t("common.statistics")}</p>
</div>
<div className="w-full flex justify-between items-center">
<div className="w-full flex justify-start items-center">
<Icon.CalendarDays className="w-4 h-auto mr-1" />
@ -65,4 +67,4 @@ const PersonalStatistics = (props: Props) => {
);
};
export default PersonalStatistics;
export default UserStatisticsView;