Hide checkout page if order has been marked as completed

Author: w3bdesign

components/Checkout/CheckoutForm.component.jsx

@@ -22,7 +22,7 @@ const CheckoutForm = () => {
 
   const [orderData, setOrderData] = useState(null);
   const [requestError, setRequestError] = useState(null);
-  const [orderCompleted, setorderCompleted] = useState(false);
+  const [orderCompleted, setorderCompleted] = useState(false); 
 
   // Checkout GraphQL mutation
   const [
@@ -70,7 +70,7 @@ const CheckoutForm = () => {
 
   return (
     <>
-      {cart ? (
+      {cart && !orderCompleted ? (
         <div className="container mx-auto">
           {/*	Order*/}
           <OrderDetails cart={cart} />

utils/config/nextConfig.js

@@ -17,6 +17,7 @@ export const WOO_CONFIG = {
   GRAPHQL_URL: 'http://localhost/wp/graphql',
   ALGOLIA_APP_ID: '7L9M5Y0B1K',
   ALGOLIA_PUBLIC_API_KEY: '925cc92373120f1bf477bb8ce0e71649',
+  ALGOLIA_INDEX_NAME: 'dfweb',
 };