fix removing from cart and add not-found ui (#36)

Co-authored-by: “bc-yevhenii-buliuk” <“yevhenii.buliuk@bigcommerce.com”>

Author: bc-yevhenii-buliuk

components/cart/actions.ts

@@ -1,7 +1,7 @@
 'use server';
 
-import { TAGS } from 'lib/constants';
 import { addToCart, removeFromCart, updateCart } from 'lib/bigcommerce';
+import { TAGS } from 'lib/constants';
 import { revalidateTag } from 'next/cache';
 import { cookies } from 'next/headers';
 
@@ -70,8 +70,13 @@ export async function updateItemQuantity(
 
   try {
     if (quantity === 0) {
-      await removeFromCart(cartId, [lineId]);
+      const response = await removeFromCart(cartId, [lineId]);
       revalidateTag(TAGS.cart);
+
+      if (!response && cartId) {
+        cookies().delete('cartId');
+      }
+
       return;
     }
 

lib/bigcommerce/index.ts

@@ -1,4 +1,5 @@
 import { isVercelCommerceError } from 'lib/type-guards';
+import { notFound } from 'next/navigation';
 import { NextRequest, NextResponse } from 'next/server';
 import { BIGCOMMERCE_GRAPHQL_API_ENDPOINT } from './constants';
 
@@ -81,7 +82,7 @@ const getEntityIdByHandle = async (entityHandle: string) => {
     }
   });
 
-  return res.body.data.site.route.node.entityId;
+  return res.body.data.site.route.node?.entityId;
 };
 
 export async function bigCommerceFetch<T>({
@@ -585,6 +586,11 @@ export async function getMenu(handle: string): Promise<VercelMenu[]> {
 
 export async function getPage(handle: string): Promise<VercelPage> {
   const entityId = await getEntityIdByHandle(handle);
+
+  if (!entityId) {
+    notFound();
+  }
+
   const res = await bigCommerceFetch<BigCommercePageOperation>({
     query: getPageQuery,
     variables: {