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

35
web/src/components/MemoEditor/ResourceListView.tsx Normal file
View File

@ -0,0 +1,35 @@
import { useEditorStore } from "@/store/module";
import { deleteMemoResource } from "@/helpers/api";
import Icon from "../Icon";
import ResourceIcon from "../ResourceIcon";
const ResourceListView = () => {
const editorStore = useEditorStore();
const editorState = editorStore.state;
const handleDeleteResource = async (resourceId: ResourceId) => {
editorStore.setResourceList(editorState.resourceList.filter((resource) => resource.id !== resourceId));
if (editorState.editMemoId) {
await deleteMemoResource(editorState.editMemoId, resourceId);
}
};
return (
<>
{editorState.resourceList && editorState.resourceList.length > 0 && (
<div className="resource-list-wrapper">
{editorState.resourceList.map((resource) => {
return (
<div key={resource.id} className="resource-container">
<ResourceIcon resourceType="resource.type" className="icon-img" />
<span className="name-text">{resource.filename}</span>
<Icon.X className="close-icon" onClick={() => handleDeleteResource(resource.id)} />
</div>
);
})}
</div>
)}
</>
);
};
export default ResourceListView;