Task 3

.gitignore

@@ -24,3 +24,7 @@ dist-ssr
 *.njsproj
 *.sln
 *.sw?
+
+# Environment variables
+.env
+.env.*.local

src/constants/apiPaths.ts

@@ -1,8 +1,11 @@
+const apiUrl = import.meta.env.VITE_PRODUCTS_API_URL;
+
 const API_PATHS = {
   product: "https://.execute-api.eu-west-1.amazonaws.com/dev",
   order: "https://.execute-api.eu-west-1.amazonaws.com/dev",
   import: "https://.execute-api.eu-west-1.amazonaws.com/dev",
-  bff: "https://.execute-api.eu-west-1.amazonaws.com/dev",
+  // bff: "https://.execute-api.eu-west-1.amazonaws.com/dev",
+  bff: apiUrl,
   cart: "https://.execute-api.eu-west-1.amazonaws.com/dev",
 };
 

src/index.tsx

@@ -14,10 +14,10 @@ const queryClient = new QueryClient({
   },
 });
 
-if (import.meta.env.DEV) {
-  const { worker } = await import("./mocks/browser");
-  worker.start({ onUnhandledRequest: "bypass" });
-}
+// if (import.meta.env.DEV) {
+//   const { worker } = await import("./mocks/browser");
+//   worker.start({ onUnhandledRequest: "bypass" });
+// }
 
 const container = document.getElementById("app");
 // eslint-disable-next-line @typescript-eslint/no-non-null-assertion

src/queries/products.ts

@@ -9,7 +9,7 @@ export function useAvailableProducts() {
     "available-products",
     async () => {
       const res = await axios.get<AvailableProduct[]>(
-        `${API_PATHS.bff}/product/available`
+        `${API_PATHS.bff}/products`
       );
       return res.data;
     }

src/vite-env.d.ts

@@ -1,2 +1,11 @@
 /// <reference types="vitest" />
 /// <reference types="vite/client" />
+
+// interface ImportMetaEnv {
+//   readonly VITE_API_URL: string;
+//   // add other env vars here
+// }
+
+// interface ImportMeta {
+//   readonly env: ImportMetaEnv;
+// }