muerwre/vault-frontend
1
0
Fork 0
mirror of https://github.com/muerwre/vault-frontend.git synced 2025-04-25 12:56:41 +07:00
Code Packages Activity Actions

added note dropping and editing

Browse source
This commit is contained in:
Fedor Katurov 2022-08-05 16:56:00 +07:00
parent cedf0adcfa
commit 1bb08f72e6
11 changed files with 224 additions and 101 deletions
Download patch file Download diff file Expand all files Collapse all files

17
src/containers/settings/SettingsNotes/index.tsx
View file

@ -1,10 +1,11 @@
import { FC, useState, VFC } from "react";
import { FC, useCallback, useState, VFC } from "react";
import { Filler } from "~/components/containers/Filler";
import { Group } from "~/components/containers/Group";
import { Button } from "~/components/input/Button";
import { NoteCard } from "~/components/notes/NoteCard";
import { NoteCreationForm } from "~/components/notes/NoteCreationForm";
import { useConfirmation } from "~/hooks/dom/useConfirmation";
import { NoteProvider, useNotesContext } from "~/utils/providers/NoteProvider";
import styles from "./styles.module.scss";
@ -12,12 +13,22 @@ import styles from "./styles.module.scss";
interface SettingsNotesProps {}
const List = () => {
const { notes } = useNotesContext();
const { notes, remove, update } = useNotesContext();
const confirm = useConfirmation();
const onRemove = useCallback(
async (id: number) => {
confirm("Удалить? Это удалит заметку навсегда", () => remove(id));
},
[remove],
);
return (
<>
{notes.map(note => (
<NoteCard
remove={() => onRemove(note.id)}
update={(text, callback) => update(note.id, text, callback)}
key={note.id}
content={note.content}
createdAt={note.created_at}
@ -28,7 +39,7 @@ const List = () => {
};
const Form: FC<{ onCancel: () => void }> = ({ onCancel }) => {
const { submit } = useNotesContext();
const { create: submit } = useNotesContext();
return <NoteCreationForm onSubmit={submit} onCancel={onCancel} />;
};