Improve error handling

src/app/[id]/edit/page.tsx

@@ -8,6 +8,7 @@ import {CatalogTitle} from '@/models/CatalogTitle';
 import {Field, Form, Formik} from 'formik';
 import {useRouter} from 'next/navigation';
 import {Button} from '@nextui-org/button';
+import { NotFoundError } from '@/models/Errors';
 
 export default function Page({params}: { params: { id: string } }) {
   const router = useRouter();
@@ -22,8 +23,8 @@ export default function Page({params}: { params: { id: string } }) {
   useEffect(() => {
     void getLocalTitle(params.id)
       .then((data: title) => setLocalTitle(data))
-      .catch((e: string) => {
-        if (e.toLowerCase().includes('not found')) {
+      .catch((e: Error) => {
+        if (e instanceof NotFoundError) {
           setLocalTitle({
             id: +params.id,
             vendor: '',

src/app/[id]/page.tsx

@@ -6,6 +6,7 @@ import {CatalogTitle} from '@/models/CatalogTitle';
 import {getLocalTitle} from '@/services/local.data';
 import {title} from '@prisma/client';
 import {useRouter} from 'next/navigation';
+import { NotFoundError } from '@/models/Errors';
 
 export default function Page({params}: { params: { id: string } }) {
   const [catalogTitle, setCatalogTitle] = useState<CatalogTitle>();
@@ -23,9 +24,9 @@ export default function Page({params}: { params: { id: string } }) {
         setLocalTitle(data);
         setLocalTitleNotFound(false);
       })
-      .catch((e: string) => {
+      .catch((e: Error) => {
         setLocalTitle(undefined);
-        if (e.toLowerCase().includes('not found')) {
+        if (e instanceof NotFoundError) {
           setLocalTitleNotFound(true);
         } else {
           alert('Kunne ikke se etter kontakt- og utgivelsesinformasjon. Kontakt tekst-teamet om problemet vedvarer.');

src/models/Errors.ts

@@ -0,0 +1 @@
+export class NotFoundError extends Error {}

src/pages/api/title/[id].ts

@@ -40,7 +40,7 @@ async function handlePOST(localTitle: title, res: NextApiResponse) {
     update: { ...localTitle },
     create: { ...localTitle },
   }).catch(e => {
-    throw new Error(`Failed to create or update title: ${e}`);
+    return res.status(500).json({error: `Failed to create or update title: ${e}`});
   });
 
   return res.status(200).json(localTitle);

src/services/local.data.ts

@@ -1,3 +1,4 @@
+import { NotFoundError } from '@/models/Errors';
 import { title } from '@prisma/client';
 
 export async function getLocalTitle(id: string): Promise<title> {
@@ -7,9 +8,9 @@ export async function getLocalTitle(id: string): Promise<title> {
   case 200:
     return await response.json() as Promise<title>;
   case 404:
-    return Promise.reject('Title not found');
+    return Promise.reject(new NotFoundError('Title not found'));
   default:
-    return Promise.reject('Failed to fetch title');
+    return Promise.reject(new Error('Failed to fetch title'));
   }
 }