mirror of
https://github.com/artegoser/AnoPaper.git
synced 2024-11-06 04:53:56 +03:00
106 lines
3.4 KiB
JavaScript
106 lines
3.4 KiB
JavaScript
/*
|
|
Copyright (c) 2023 artegoser (Artemy Egorov)
|
|
|
|
This program is free software: you can redistribute it and/or modify
|
|
it under the terms of the GNU General Public License as published by
|
|
the Free Software Foundation, either version 3 of the License, or
|
|
(at your option) any later version.
|
|
|
|
This program is distributed in the hope that it will be useful,
|
|
but WITHOUT ANY WARRANTY; without even the implied warranty of
|
|
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
|
GNU General Public License for more details.
|
|
|
|
You should have received a copy of the GNU General Public License
|
|
along with this program. If not, see <https://www.gnu.org/licenses/>.
|
|
*/
|
|
|
|
import "./App.css";
|
|
import { Routes, Route } from "react-router-dom";
|
|
import Menu from "./components/menu";
|
|
import CreateNote from "./pages/create";
|
|
import Save from "./pages/save-local";
|
|
import Publish from "./pages/publish";
|
|
import NotePage from "./pages/note";
|
|
import Notes from "./pages/notes";
|
|
import PubNote from "./pages/pubNote";
|
|
import PubError from "./pages/pubError";
|
|
import PubNoteSafe from "./pages/pubNoteSafe";
|
|
import RenderMarkdown from "./components/markdown";
|
|
import socket from "./components/socket";
|
|
import Settings from "./pages/settings";
|
|
import { useState } from "react";
|
|
import { localesProcess } from "./components/utils";
|
|
import { ButtonWithIcon } from "./components/button";
|
|
import { LinkIcon } from "@heroicons/react/24/outline";
|
|
|
|
function App() {
|
|
Storage.prototype.setObj = function (key, obj) {
|
|
return this.setItem(key, JSON.stringify(obj));
|
|
};
|
|
Storage.prototype.getObj = function (key) {
|
|
return JSON.parse(this.getItem(key)) || {};
|
|
};
|
|
|
|
const [key, setKey] = useState(Math.random());
|
|
|
|
window.settings = localStorage.getObj("settings") || {};
|
|
|
|
localesProcess();
|
|
|
|
window.addEventListener("reRenderPage", () => {
|
|
setKey(Math.random());
|
|
});
|
|
|
|
window.socket = socket;
|
|
|
|
if (settings.userName == "bruh") {
|
|
document.body.classList.add(
|
|
"transition-transform",
|
|
"transform",
|
|
"rotate-180"
|
|
);
|
|
} else if (document.body.classList.contains("transition-transform")) {
|
|
document.body.classList.remove("rotate-180");
|
|
document.body.classList.add("rotate-0");
|
|
}
|
|
|
|
return (
|
|
<div
|
|
className="grid grid-cols-4 lg:grid-cols-5 gap-10 text-black dark:text-white"
|
|
key={key}
|
|
>
|
|
<Menu />
|
|
<div className="col-span-4 p-5 m-4 rounded-2xl">
|
|
<Routes>
|
|
<Route path="/" element={<CreateNote />} />
|
|
<Route path="/notes/save-local" element={<Save />} />
|
|
<Route path="/notes/publish" element={<Publish />} />
|
|
<Route path="/notes/:id" element={<NotePage />} />
|
|
<Route path="/pubNotes/:id" element={<PubNote />} />
|
|
<Route path="/pubNotesSafe/:id" element={<PubNoteSafe />} />
|
|
<Route path="/pubError" element={<PubError />} />
|
|
<Route path="/settings" element={<Settings />} />
|
|
<Route
|
|
path="/about"
|
|
element={
|
|
<>
|
|
<div className="col-span-4 md">
|
|
<RenderMarkdown>{locals.about_md}</RenderMarkdown>
|
|
</div>
|
|
<ButtonWithIcon
|
|
icon={LinkIcon}
|
|
text={locals.SourceCode}
|
|
href="https://github.com/artegoser/AnoPaper"
|
|
/>
|
|
</>
|
|
}
|
|
/>
|
|
<Route path="/notes" element={<Notes />} />
|
|
</Routes>
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|
|
|
|
export default App;
|