diff --git a/src/App.tsx b/src/App.tsx
index 3b91039..3c7daee 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -35,6 +35,7 @@ import { NodeApi, Tree } from "react-arborist";
import { BookWithChapters, BooksCRUD } from "./data/repositories/books";
import { ChapterModel, ChaptersCRUD } from "./data/repositories/chapters";
+import { AppLoader } from "./components/AppLoader";
import { CreateOrUpdateModal } from "./components/CreateOrUpdateModal";
import { SettingsModal } from "./components/SettingsModal";
@@ -99,6 +100,10 @@ export function App() {
}
}, [whisperModel, openSettingsModal, ready]);
+ if (!ready) {
+ return ;
+ }
+
return (
<>
{
+ const interval = setInterval(() => {
+ setLoadingText(
+ loadingTextOptions[
+ Math.floor(Math.random() * loadingTextOptions.length)
+ ]
+ );
+ }, 3000);
+
+ return () => {
+ clearInterval(interval);
+ };
+ });
+
+ return (
+
+
+ Loading
+
+ {loadingText}
+
+
+ );
+}
diff --git a/src/components/LoadingErrorPage.tsx b/src/components/LoadingErrorPage.tsx
index afb05b2..eff3d8f 100644
--- a/src/components/LoadingErrorPage.tsx
+++ b/src/components/LoadingErrorPage.tsx
@@ -41,7 +41,15 @@ export function LoadingErrorPage() {
To use this app, you will need to disable any and all of those
features. This app uses minimal GDPR-compliant analytics via Plausible
to measure usage. No other data is sent out of your browser to a
- server.
+ server. If you think you are getting this error through some other
+ cause besides those listed above, please feel free to add to this{" "}
+
+ Issue on GitHub
+
+ .
diff --git a/src/main.tsx b/src/main.tsx
index 68393d9..bce0004 100644
--- a/src/main.tsx
+++ b/src/main.tsx
@@ -6,17 +6,12 @@ import { MantineProvider, Loader, Flex } from "@mantine/core";
import "@mantine/core/styles.css";
import "./index.css";
+import { AppLoader } from "./components/AppLoader";
ReactDOM.createRoot(document.getElementById("root") as HTMLElement).render(
-
-
-
- }
- >
+ }>