removing the recommendedProducts from main namespace

concrete-utopia · May 6, 2024 · 6d9851a · 6d9851a
1 parent 5403b54
commit 6d9851a
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 6 deletions.
diff --git a/app/components/RecommendedProducts.jsx b/app/components/RecommendedProducts.jsx
@@ -1,21 +1,22 @@
 import { Suspense } from 'react'
 import { ProductCard, TypographyTitle } from './Components'
-import { Await } from '@remix-run/react'
+import { Await, useLoaderData } from '@remix-run/react'
 import { RecommendedProductsGrid } from './Layout'
 
 /**
  * @param {{
  *   products: Promise<RecommendedProductsQuery>;
  * }}
  */
-export function RecommendedProducts({ products }) {
+export function RecommendedProducts() {
+  const { recommendedProducts } = useLoaderData()
   return (
     <div className='recommended-products'>
       <TypographyTitle level={2}>
         Featured Products
       </TypographyTitle>
       <RecommendedProductsGrid>
-        {products.map((product, i) => (
+        {recommendedProducts.map((product, i) => (
           <ProductCard
             key={product.id}
             id={product.id}

diff --git a/app/routes/_index.jsx b/app/routes/_index.jsx
@@ -77,7 +77,6 @@ export const TestimonialCard = ({
 export default function LandingPage() {
   const { testimonials } = useLoaderData()
   const { featuredCollections } = useLoaderData()
-  const { recommendedProducts } = useLoaderData()
 
   return (
     <Column>
@@ -428,7 +427,6 @@ export default function LandingPage() {
           style={{ width: 1440, height: 805.5 }}
         >
           <RecommendedProducts
-            products={recommendedProducts}
             style={{
               width: 441,
               height: 806,

diff --git a/app/routes/trippy-trails-template.jsx b/app/routes/trippy-trails-template.jsx
@@ -91,7 +91,6 @@ export async function loader({ params, context }) {
 export default function LandingPage() {
   const { testimonials } = useLoaderData()
   const { featuredCollections } = useLoaderData()
-  const { recommendedProducts } = useLoaderData()
 
   return (
     <Column>