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";
|
|
|
|
|
|
|
|
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">
|
|
|
|
Ссылка для отправки публичной заметки. При переходе на эту ссылку,
|
|
|
|
заметка исчезнет.
|
|
|
|
</h2>
|
|
|
|
<CopyToClipboard
|
|
|
|
text={`${window.location.origin}/pubNotes/${params.id}`}
|
|
|
|
></CopyToClipboard>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
)}
|
|
|
|
|
|
|
|
<div className="border border-blue-300 rounded-lg p-4">
|
|
|
|
<div className="grid grid-cols-1 lg:grid-cols-2">
|
|
|
|
<h2 className="font-medium text-center lg:text-left leading-tight text-4xl mt-0 mb-2">
|
|
|
|
{note?.name || "Загрузка..."}
|
|
|
|
</h2>
|
|
|
|
<div className="justify-self-center lg:justify-self-end">
|
|
|
|
{printDate(note?.time || Date.now())}
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div className="w-full md break-words">
|
2023-04-01 20:57:46 +03:00
|
|
|
<RenderMarkdown>{note?.text || "Загрузка..."}</RenderMarkdown>
|
2023-01-21 16:59:44 +03:00
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
);
|
|
|
|
}
|
|
|
|
|
|
|
|
export default PubNoteSafe;
|