fix: update featured products on region change

Author: VariableVic

src/lib/data/index.ts

@@ -14,7 +14,12 @@ export const fetchProductsList = async ({
   const params = new URLSearchParams(queryParams as Record<string, string>)
 
   const { products, count, nextPage } = await fetch(
-    `${API_BASE_URL}/api/products?limit=12&offset=${pageParam}&${params.toString()}`
+    `${API_BASE_URL}/api/products?limit=12&offset=${pageParam}&${params.toString()}`,
+    {
+      next: {
+        tags: ["products"],
+      },
+    }
   ).then((res) => res.json())
 
   return {

src/lib/hooks/use-layout-data.tsx

@@ -1,6 +1,5 @@
-import { medusaClient } from "@lib/config"
 import { getPercentageDiff } from "@lib/util/get-precentage-diff"
-import { Product, ProductCollection, Region } from "@medusajs/medusa"
+import { ProductCollection, Region } from "@medusajs/medusa"
 import { PricedProduct } from "@medusajs/medusa/dist/types/pricing"
 import { useQuery } from "@tanstack/react-query"
 import { formatAmount, useCart } from "medusa-react"
@@ -19,7 +18,12 @@ const fetchCollectionData = async (): Promise<LayoutCollection[]> => {
 
   do {
     await fetch(
-      `${process.env.NEXT_PUBLIC_BASE_URL}/api/collections?offset=${offset}`
+      `${process.env.NEXT_PUBLIC_BASE_URL}/api/collections?offset=${offset}`,
+      {
+        next: {
+          tags: ["collections"],
+        },
+      }
     )
       .then((res) => res.json())
       .then(({ collections: newCollections, count: newCount }) => {
@@ -54,7 +58,12 @@ const fetchFeaturedProducts = async (
   region: Region
 ): Promise<ProductPreviewType[]> => {
   const products: PricedProduct[] = await fetch(
-    `${process.env.NEXT_PUBLIC_BASE_URL}/api/products?limit=4&cart_id=${cartId}`
+    `${process.env.NEXT_PUBLIC_BASE_URL}/api/products?limit=4&cart_id=${cartId}&region_id=${region.id}`,
+    {
+      next: {
+        tags: ["products"],
+      },
+    }
   )
     .then((res) => res.json())
     .then(({ products }) => products)

src/lib/util/get-product-prices.ts

@@ -6,7 +6,11 @@ import { ProductDTO, ProductVariantDTO } from "@medusajs/types/dist/product"
  * @param data Array of product objects (with variants) to get prices for
  * @param cartId (Optional) cart id to get region-specific prices
  */
-export default async function getPrices(data: ProductDTO[], cartId?: string) {
+export default async function getPrices(
+  data: ProductDTO[],
+  cartId?: string,
+  regionId?: string
+) {
   if (!data || !data.length) {
     return []
   }
@@ -25,6 +29,10 @@ export default async function getPrices(data: ProductDTO[], cartId?: string) {
     query.cart_id = cartId
   }
 
+  if (regionId) {
+    query.region_id = regionId
+  }
+
   // Get all products with variants and prices from Medusa API
   const productsWithVariants = await medusaRequest("GET", `/products`, {
     query,

src/modules/layout/components/country-select/index.tsx

@@ -40,7 +40,7 @@ const CountrySelect = () => {
   }, [countryCode, options])
 
   const handleChange = (option: CountryOption) => {
-    revalidateTags(["medusa_request"])
+    revalidateTags(["medusa_request", "products", "collections"])
     setRegion(option.region, option.country)
     close()
   }