YourSelfHosted/memos
1
0
Fork 0
mirror of https://github.com/usememos/memos.git synced 2025-06-05 22:09:59 +02:00
Code Issues Packages Projects Releases Wiki Activity

refactor: memo editor components (#1625)

Browse Source
This commit is contained in:
boojack
2023-05-03 19:13:37 +08:00
committed by GitHub
parent 8911ea1619
commit e3496ac1a2
12 changed files with 217 additions and 191 deletions
Download Patch File Download Diff File Expand all files Collapse all files

41
web/src/components/MemoEditor/ActionButton/ResourceSelector.tsx Normal file
View File

@ -0,0 +1,41 @@
import { useTranslation } from "react-i18next";
import { useEditorStore } from "@/store/module";
import Icon from "@/components/Icon";
import showCreateResourceDialog from "@/components/CreateResourceDialog";
import showResourcesSelectorDialog from "@/components/ResourcesSelectorDialog";
const ResourceSelector = () => {
const { t } = useTranslation();
const editorStore = useEditorStore();
const handleUploadFileBtnClick = () => {
showCreateResourceDialog({
onConfirm: (resourceList) => {
editorStore.setResourceList([...editorStore.state.resourceList, ...resourceList]);
},
});
};
return (
<div className="action-btn relative group">
<Icon.FileText className="icon-img" />
<div className="hidden flex-col justify-start items-start absolute top-6 left-0 mt-1 p-1 z-1 rounded w-auto overflow-auto font-mono shadow bg-zinc-200 dark:bg-zinc-600 group-hover:flex">
<div
className="w-full flex text-black dark:text-gray-300 cursor-pointer rounded text-sm leading-6 px-2 truncate hover:bg-zinc-300 dark:hover:bg-zinc-700 shrink-0"
onClick={handleUploadFileBtnClick}
>
<Icon.Plus className="w-4 mr-1" />
<span>{t("common.create")}</span>
</div>
<div
className="w-full flex text-black dark:text-gray-300 cursor-pointer rounded text-sm leading-6 px-2 truncate hover:bg-zinc-300 dark:hover:bg-zinc-700 shrink-0"
onClick={showResourcesSelectorDialog}
>
<Icon.Database className="w-4 mr-1" />
<span>{t("editor.resources")}</span>
</div>
</div>
</div>
);
};
export default ResourceSelector;