mirror of
https://github.com/Radiquum/AniX.git
synced 2025-04-06 00:04:39 +00:00
Kentai Radiquum
2c8460c6b0
fix: check store hydration before loading pages fix: check user store before loading pages
74 lines
2.4 KiB
TypeScript
74 lines
2.4 KiB
TypeScript
"use client";
|
||
import { useUserStore } from "./store/auth";
|
||
import { usePreferencesStore } from "./store/preferences";
|
||
import { Navbar } from "./components/Navbar/Navbar";
|
||
import { Inter } from "next/font/google";
|
||
import { useEffect, useState } from "react";
|
||
import { Button, Modal } from "flowbite-react";
|
||
import { Spinner } from "./components/Spinner/Spinner";
|
||
const inter = Inter({ subsets: ["latin"] });
|
||
|
||
export const App = (props) => {
|
||
const preferencesStore = usePreferencesStore();
|
||
const userStore = useUserStore((state) => state);
|
||
|
||
useEffect(() => {
|
||
userStore.checkAuth();
|
||
}, []);
|
||
|
||
if (!preferencesStore._hasHydrated && !userStore._hasHydrated) {
|
||
return (
|
||
<body
|
||
className={`${inter.className} overflow-x-hidden dark:bg-[#0d1117] dark:text-white h-screen flex justify-center items-center`}
|
||
>
|
||
<Spinner />
|
||
</body>
|
||
);
|
||
}
|
||
|
||
if (userStore.state === "loading") {
|
||
return (
|
||
<body
|
||
className={`${inter.className} overflow-x-hidden dark:bg-[#0d1117] dark:text-white h-screen flex justify-center items-center`}
|
||
>
|
||
<Spinner />
|
||
</body>
|
||
);
|
||
}
|
||
|
||
return (
|
||
<body
|
||
className={`${inter.className} overflow-x-hidden dark:bg-[#0d1117] dark:text-white`}
|
||
>
|
||
<Navbar />
|
||
{props.children}
|
||
<Modal show={preferencesStore.params.isFirstLaunch}>
|
||
<Modal.Header>Внимание</Modal.Header>
|
||
<Modal.Body>
|
||
<p>
|
||
Данный сайт не связан с разработчиками приложения Anixart, это
|
||
неофициальная имплементация веб клиента для этого приложения.
|
||
<br />
|
||
<br />
|
||
Используя данный веб-сайт вы принимаете что мы не несём
|
||
ответственности за ваш аккаунт.
|
||
<br />
|
||
<br />
|
||
На сайте могут присутствовать ошибки и не доработки, а так-же
|
||
отсутствующий функционал.
|
||
</p>
|
||
</Modal.Body>
|
||
<Modal.Footer>
|
||
<Button
|
||
color={"blue"}
|
||
onClick={() => {
|
||
preferencesStore.setParams({ isFirstLaunch: false });
|
||
}}
|
||
>
|
||
Принимаю
|
||
</Button>
|
||
</Modal.Footer>
|
||
</Modal>
|
||
</body>
|
||
);
|
||
};
|