fix: 404 page if manga details aren't found

Jeydin21 · Jun 27, 2024 · be81e28 · be81e28 · vercel · Jun 27, 2024
1 parent 487038a
commit be81e28
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 3 deletions.
diff --git a/pages/manga/info/[mangaId].jsx b/pages/manga/info/[mangaId].jsx
@@ -10,6 +10,13 @@ export const getServerSideProps = async (context) => {
 
   const mangaData = await getMangaDetails(mangaId);
 
+  const title = mangaData?.title?.english || mangaData?.title?.romaji;
+  if (!title) {
+    return {
+      notFound: true,
+    };
+  }
+
   return {
     props: {
       mangaData,
@@ -18,15 +25,17 @@ export const getServerSideProps = async (context) => {
 };
 
 function MangaDetailsPage({ mangaData }) {
+  const title = mangaData?.title?.english || mangaData?.title?.romaji;
+
   return (
     <>
       <Head>
-        <title>{(mangaData?.title.english || mangaData?.title.romaji) + " - Munchyroll"}</title>
+        <title>{title + " - Munchyroll"}</title>
         <meta name="description" content={mangaData?.description} />
         <meta name="keywords" content={mangaData?.genres} />
         <meta
           property="og:title"
-          content={"Read " + (mangaData?.title.english || mangaData?.title.romaji) + " - Munchyroll "}
+          content={"Read " + title + " - Munchyroll "}
         />
         <meta property="og:description" content={mangaData?.description} />
         <meta property="og:image" content={mangaData?.image} />

diff --git a/pages/manga/search/[searchId].jsx b/pages/manga/search/[searchId].jsx
@@ -45,7 +45,7 @@ function SearchPage({ mangaSearchData }) {
         <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
         <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
       </Head>
-      <MainLayout useHead={false} type={"anime"}>
+      <MainLayout useHead={false} type={"manga"}>
 
         {mangaSearchData && (
           <>