lisaa projektin juurisivulle ja catch all -sivulle ohjaus aktiiviseen…

… vaiheeseen

src/components/kansalaisenEtusivu/Hakutulokset.tsx

@@ -19,7 +19,7 @@ type Props = {
   ladataan: boolean | undefined | null;
 };
 
-function getSivuTilanPerusteella(tila: Status | null | undefined) {
+export function getSivuTilanPerusteella(tila: Status | null | undefined) {
   if (!tila) {
     return "";
   }

src/locales/fi/common.json

@@ -1,5 +1,6 @@
 {
   "sivua-ei-loydy": "Sivua ei löydy",
+  "siirrytaan-aktiiviseen-vaiheeseen": "Siirrytään aktiiviseen vaiheeseen...",
   "vayla-tietosuojasivu": "https://www.vayla.fi/tietosuoja",
   "polut": {
     "etusivu": "Etusivu",

src/locales/sv/common.json

@@ -1,5 +1,6 @@
 {
   "sivua-ei-loydy": "RUOTSIKSI Sivua ei löydy",
+  "siirrytaan-aktiiviseen-vaiheeseen": "RUOTSIKSI Siirrytään aktiiviseen vaiheeseen...",
   "vayla-tietosuojasivu": "https://vayla.fi/sv/trafikledsverket/kontaktuppgifter/dataskyddspolicy",
   "projekti_ei_ruotsin_kielella": "RUOTSIKSI Projekti ei ole saatavilla ruotsin kielellä",
   "polut": {

src/pages/suunnitelma/[oid]/[...all].tsx

@@ -1,34 +1,38 @@
-import React from "react";
-import Link from "next/link";
+import React, { useEffect } from "react";
 import useTranslation from "next-translate/useTranslation";
 import log from "loglevel";
 import { useProjektiJulkinen } from "src/hooks/useProjektiJulkinen";
+import { useRouter } from "next/router";
+import { getSivuTilanPerusteella } from "@components/kansalaisenEtusivu/Hakutulokset";
+import { PageProps } from "@pages/_app";
+import useProjektiBreadcrumbsJulkinen from "src/hooks/useProjektiBreadcrumbsJulkinen";
 
-function ProjektiPage() {
-  const { t } = useTranslation("projekti");
+function ProjektiPage({ setRouteLabels }: PageProps) {
+  useProjektiBreadcrumbsJulkinen(setRouteLabels);
+  const { t } = useTranslation("common");
   const { data: projekti, error } = useProjektiJulkinen();
+  const router = useRouter();
+
+  useEffect(() => {
+    if (projekti) router.push(`/suunnitelma/${projekti?.oid}/${getSivuTilanPerusteella(projekti?.status)}`);
+  }, [projekti, router]);
+
   if (error) {
     return <></>;
   }
+
   if (!projekti) {
     log.info("loading");
-    return <></>;
+    return (
+      <>
+        <p>{t("sivua-ei-loydy") + ". " + t("siirrytaan-aktiiviseen-vaiheeseen")}</p>
+      </>
+    );
   }
-  log.info("loaded", projekti);
+
   return (
     <>
-      <p>
-        {t("ui-otsikot.nimi")}
-        {": "}
-        {projekti.velho?.nimi}
-      </p>
-      <p />
-      <p />
-      <p>
-        <Link href="..">
-          <a className="btn btn-sm btn-success mb-2">{t("ui-linkkitekstit.takaisin_listaukseen")}</a>
-        </Link>
-      </p>
+      <p>{t("sivua-ei-loydy") + ". " + t("siirrytaan-aktiiviseen-vaiheeseen")}</p>
     </>
   );
 }

src/pages/suunnitelma/[oid]/index.tsx

@@ -0,0 +1,40 @@
+import React, { useEffect } from "react";
+import useTranslation from "next-translate/useTranslation";
+import log from "loglevel";
+import { useProjektiJulkinen } from "src/hooks/useProjektiJulkinen";
+import { useRouter } from "next/router";
+import { getSivuTilanPerusteella } from "@components/kansalaisenEtusivu/Hakutulokset";
+import { PageProps } from "@pages/_app";
+import useProjektiBreadcrumbsJulkinen from "src/hooks/useProjektiBreadcrumbsJulkinen";
+
+function ProjektiPage({ setRouteLabels }: PageProps) {
+  useProjektiBreadcrumbsJulkinen(setRouteLabels);
+  const { t } = useTranslation("common");
+  const { data: projekti, error } = useProjektiJulkinen();
+  const router = useRouter();
+
+  useEffect(() => {
+    if (projekti) router.push(`/suunnitelma/${projekti?.oid}/${getSivuTilanPerusteella(projekti?.status)}`);
+  }, [projekti, router]);
+
+  if (error) {
+    return <></>;
+  }
+
+  if (!projekti) {
+    log.info("loading");
+    return (
+      <>
+        <p>{t("siirrytaan-aktiiviseen-vaiheeseen")}</p>
+      </>
+    );
+  }
+
+  return (
+    <>
+      <p>{t("siirrytaan-aktiiviseen-vaiheeseen")}</p>
+    </>
+  );
+}
+
+export default ProjektiPage;