2023-04-01 20:57:46 +03:00
|
|
|
import RenderMarkdown from "../components/markdown";
|
2023-01-21 16:59:44 +03:00
|
|
|
import { useState } from "react";
|
|
|
|
import { useParams } from "react-router-dom";
|
|
|
|
import printDate from "../components/utils";
|
|
|
|
import { ChevronDoubleLeftIcon } from "@heroicons/react/24/outline";
|
2023-02-09 17:15:34 +03:00
|
|
|
import { Button, IconWithText } from "../components/button";
|
2023-01-21 16:59:44 +03:00
|
|
|
import { CopyToClipboard } from "../components/copytocb";
|
2023-04-03 15:23:41 +03:00
|
|
|
import Note from "../components/note";
|
2023-01-21 16:59:44 +03:00
|
|
|
|
|
|
|
function PubNoteSafe() {
|
|
|
|
let params = useParams();
|
|
|
|
|
2023-04-02 10:15:52 +03:00
|
|
|
let [note, setNote] = useState(false);
|
2023-01-21 16:59:44 +03:00
|
|
|
|
2023-04-02 10:15:52 +03:00
|
|
|
if (note === false)
|
2023-01-21 16:59:44 +03:00
|
|
|
fetch(`/get-note/safe/${params.id}`)
|
|
|
|
.then((data) => {
|
|
|
|
data
|
|
|
|
.json()
|
|
|
|
.then((data) => {
|
|
|
|
data.code = 1;
|
|
|
|
setNote(data);
|
|
|
|
})
|
|
|
|
.catch(() => {
|
|
|
|
setNote({
|
|
|
|
text: "Такой публичной заметки не сущуествует",
|
|
|
|
name: "Меня не существует",
|
|
|
|
time: Date.now(),
|
|
|
|
code: 0,
|
|
|
|
});
|
|
|
|
});
|
|
|
|
})
|
|
|
|
.catch(() => {
|
|
|
|
setNote({
|
|
|
|
text: "Такой публичной заметки не сущуествует",
|
|
|
|
name: "Меня не существует",
|
|
|
|
time: Date.now(),
|
|
|
|
code: 0,
|
|
|
|
});
|
|
|
|
});
|
|
|
|
|
|
|
|
return (
|
|
|
|
<div className="">
|
|
|
|
<Button className="mb-4" href="/">
|
2023-02-09 17:15:34 +03:00
|
|
|
<IconWithText
|
2023-01-21 16:59:44 +03:00
|
|
|
icon={
|
|
|
|
<ChevronDoubleLeftIcon className="transform translate-z-0 h-7 w-7" />
|
|
|
|
}
|
|
|
|
>
|
|
|
|
Писать
|
2023-02-09 17:15:34 +03:00
|
|
|
</IconWithText>
|
2023-01-21 16:59:44 +03:00
|
|
|
</Button>
|
|
|
|
|
|
|
|
{note?.code === 1 && (
|
|
|
|
<div className="p-4 mb-2">
|
|
|
|
<div className="grid grid-cols-1 lg:grid-cols-2">
|
|
|
|
<h2 className="font-medium text-center lg:text-left p-2">
|
|
|
|
Ссылка для отправки публичной заметки. При переходе на эту ссылку,
|
2023-04-02 11:46:41 +03:00
|
|
|
заметка исчезнет с сервера и будет сохранена локально.
|
2023-01-21 16:59:44 +03:00
|
|
|
</h2>
|
|
|
|
<CopyToClipboard
|
|
|
|
text={`${window.location.origin}/pubNotes/${params.id}`}
|
|
|
|
></CopyToClipboard>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
)}
|
|
|
|
|
2023-04-03 15:23:41 +03:00
|
|
|
<Note note={note} />
|
2023-01-21 16:59:44 +03:00
|
|
|
</div>
|
|
|
|
);
|
|
|
|
}
|
|
|
|
|
|
|
|
export default PubNoteSafe;
|