fix: publish button view and edit icon

This commit is contained in:
Artemy 2023-05-01 18:04:10 +03:00
parent 70fb2f4c1e
commit ca9281f226

View file

@ -17,6 +17,7 @@
import { useParams } from "react-router-dom"; import { useParams } from "react-router-dom";
import { import {
ArchiveBoxArrowDownIcon,
ChevronDoubleLeftIcon, ChevronDoubleLeftIcon,
ChevronDoubleRightIcon, ChevronDoubleRightIcon,
PencilIcon, PencilIcon,
@ -82,7 +83,7 @@ function NotePage() {
<ButtonWithIcon <ButtonWithIcon
className="mt-4" className="mt-4"
text={edit ? locals.Save : locals.Edit} text={edit ? locals.Save : locals.Edit}
icon={PencilIcon} icon={edit ? ArchiveBoxArrowDownIcon : PencilIcon}
onClick={() => { onClick={() => {
if (edit) { if (edit) {
notes[params.id].name = name; notes[params.id].name = name;
@ -94,26 +95,29 @@ function NotePage() {
setEdit(!edit); setEdit(!edit);
}} }}
/> />
<ButtonWithIcon
className="mt-4"
text={locals.Publish}
icon={ChevronDoubleRightIcon}
href={`/notes/publish?local_id=${params.id}`}
/>
{!edit && ( {!edit && (
<ButtonWithIcon <>
className="mt-4" <ButtonWithIcon
href="/notes" className="mt-4"
text={locals.Delete} text={locals.Publish}
icon={TrashIcon} icon={ChevronDoubleRightIcon}
onClick={() => { href={`/notes/publish?local_id=${params.id}`}
let notesObj = localStorage.getObj("Notes"); />
<ButtonWithIcon
className="mt-4"
href="/notes"
text={locals.Delete}
icon={TrashIcon}
onClick={() => {
let notesObj = localStorage.getObj("Notes");
delete notesObj[params.id]; delete notesObj[params.id];
localStorage.setObj("Notes", notesObj); localStorage.setObj("Notes", notesObj);
}} }}
/> />
</>
)} )}
</div> </div>
</div> </div>