diff --git a/src/AgreementHtml.tsx b/src/AgreementHtml.tsx
index f830be2c..f52a5e80 100644
--- a/src/AgreementHtml.tsx
+++ b/src/AgreementHtml.tsx
@@ -7,7 +7,7 @@ function AgreementHtml({
loading,
isModal,
}: {
- loading: any;
+ loading: boolean;
isModal?: boolean;
}) {
const agreementHtml = useAppStore((state) => state.agreementHtml);
diff --git a/src/App.tsx b/src/App.tsx
index cdc8c565..d65e6f29 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -42,14 +42,19 @@ const App = () => {
useEffect(() => {
const initializeApp = async () => {
+ try{
await init();
const compressedData = searchParams.get("data");
if (compressedData) {
await loadFromLink(compressedData);
}
+ } catch(error){
+ console.error(error);
+ } finally {
setLoading(false);
- };
- initializeApp();
+ }
+ };
+ void initializeApp();
// DarkMode Styles
const style = document.createElement("style");
@@ -72,10 +77,18 @@ const App = () => {
}, [init, loadFromLink, searchParams, textColor, backgroundColor]);
useEffect(() => {
+ const startTour = async () => {
+ try {
+ await tour.start();
+ } catch (error) {
+ console.error("Tour failed to start:", error);
+ }
+ };
+
const showTour = searchParams.get("showTour") === "true";
if (showTour || !localStorage.getItem("hasVisited")) {
- tour.start();
+ void startTour();
localStorage.setItem("hasVisited", "true");
}
}, [searchParams]);
diff --git a/src/components/FullScreenModal.tsx b/src/components/FullScreenModal.tsx
index af32a474..f1ee4d3c 100644
--- a/src/components/FullScreenModal.tsx
+++ b/src/components/FullScreenModal.tsx
@@ -5,7 +5,7 @@ import { FullscreenOutlined } from "@ant-design/icons";
import useAppStore from "../store/store";
const FullScreenModal: React.FC = () => {
- const [open, setOpen] = useState(false);
+ const [open, setOpen] = useState(false);
const textColor = useAppStore((state) => state.textColor);
const backgroundColor = useAppStore((state) => state.backgroundColor);
diff --git a/src/components/Navbar.tsx b/src/components/Navbar.tsx
index 881391ea..78af7aee 100644
--- a/src/components/Navbar.tsx
+++ b/src/components/Navbar.tsx
@@ -14,7 +14,11 @@ import ToggleDarkMode from "./ToggleDarkMode";
const { useBreakpoint } = Grid;
-function Navbar({ scrollToFooter }: { scrollToFooter: any }) {
+interface NavbarProps {
+ scrollToFooter: () => void;
+}
+
+function Navbar({ scrollToFooter }: NavbarProps) {
const [hovered, setHovered] = useState<
null | "home" | "explore" | "help" | "github" | "join"
>(null);
@@ -33,7 +37,7 @@ function Navbar({ scrollToFooter }: { scrollToFooter: any }) {
const helpMenu = (