Merge pull request #415 from Open-Earth-Foundation/fix/page-navigatio…

…n-and-routing

Fix/page navigation and routing

app/src/app/[lng]/page.tsx

@@ -0,0 +1,41 @@
+"use client";
+import { api } from "@/services/api";
+import { Box, Spinner, Text } from "@chakra-ui/react";
+import { useRouter } from "next/navigation";
+import { useEffect } from "react";
+import { useTranslation } from "@/i18n/client";
+
+export default function HomePage({
+  params: { lng },
+}: {
+  params: { lng: string };
+}) {
+  const { t } = useTranslation(lng, "root-page");
+  const router = useRouter();
+  const { data: userInfo, isLoading: isUserInfoLoading } =
+    api.useGetUserInfoQuery();
+
+  useEffect(() => {
+    const defaultInventoryAvailable = !!userInfo?.defaultInventoryId;
+    const defaultInventoryPath = `/${userInfo?.defaultInventoryId}`;
+    if (defaultInventoryAvailable) {
+      router.push(defaultInventoryPath);
+    } else {
+      router.push("/onboarding");
+    }
+  }, [router, userInfo]);
+  return (
+    <Box
+      h="100vh"
+      w="full"
+      display="flex"
+      alignItems="center"
+      justifyContent="center"
+      gap="8px"
+    >
+      <Spinner />
+      {/* TODO: add right loading format */}
+      <Text>{t("loading-dashboard")}</Text>
+    </Box>
+  );
+}

app/src/i18n/locales/de/root-page.json

@@ -0,0 +1,3 @@
+{
+    "loading-dashboard": "Lade Dashboard..."
+}

app/src/i18n/locales/en/root-page.json

@@ -0,0 +1,3 @@
+{
+    "loading-dashboard": "Loading dashboard..."
+}

app/src/i18n/locales/es/root-page.json

@@ -0,0 +1,3 @@
+{
+    "loading-dashboard": "Loading dashboard..."
+}