feat: Move ProductTitles section to app folder (#2416)

## What's the purpose of this pull request? Move ProductTitles section to app folder ## How it works? ![chrome-capture-2024-8-19](https://github.com/user-attachments/assets/9f9f29a8-bf2b-4e7d-a12d-3d3757ed941b) ### How to test it? ``` Run yarn dev Make sure that all the current pages are working as expected (/, /office and some /<slug>/p); Make sure /fs-next-update is rendering with the ProductTitles section without errors. ```
vtex · Aug 23, 2024 · 21c5171 · 21c5171
1 parent 8840585
commit 21c5171
Show file tree

Hide file tree

Showing 15 changed files with 11 additions and 9 deletions.
diff --git a/...ts/sections/ProductTiles/ProductTiles.tsx → ...ts/sections/ProductTiles/ProductTiles.tsx b/...ts/sections/ProductTiles/ProductTiles.tsx → ...ts/sections/ProductTiles/ProductTiles.tsx
@@ -6,11 +6,11 @@ import { useInView } from 'react-intersection-observer'
 import type { ClientManyProductsQueryQueryVariables } from '@generated/graphql'
 import { useViewItemListEvent } from 'app/sdk/analytics/hooks/useViewItemListEvent'
 import ProductCard from 'src/components/product/ProductCard'
-import ProductTilesSkeleton from 'src/components/skeletons/ProductTilesSkeleton'
-import Tiles, { Tile } from 'src/components/ui/Tiles'
+import ProductTilesSkeleton from 'app/components/skeletons/ProductTilesSkeleton'
+import Tiles, { Tile } from 'app/components/ui/Tiles'
 import { useProductsQuery } from 'src/sdk/product/useProductsQuery'
 
-import Section from '../Section'
+import Section from 'src/components/sections/Section'
 
 import styles from './section.module.scss'
 

diff --git a/...components/sections/ProductTiles/index.ts → ...components/sections/ProductTiles/index.ts b/...components/sections/ProductTiles/index.ts → ...components/sections/ProductTiles/index.ts
diff --git a/...sections/ProductTiles/section.module.scss → ...sections/ProductTiles/section.module.scss b/...sections/ProductTiles/section.module.scss → ...sections/ProductTiles/section.module.scss
diff --git a/...oductTileSkeleton/ProductTileSkeleton.tsx → ...oductTileSkeleton/ProductTileSkeleton.tsx b/...oductTileSkeleton/ProductTileSkeleton.tsx → ...oductTileSkeleton/ProductTileSkeleton.tsx
diff --git a/...ilesSkeleton/ProductTileSkeleton/index.ts → ...ilesSkeleton/ProductTileSkeleton/index.ts b/...ilesSkeleton/ProductTileSkeleton/index.ts → ...ilesSkeleton/ProductTileSkeleton/index.ts
diff --git a/...uctTilesSkeleton/ProductTilesSkeleton.tsx → ...uctTilesSkeleton/ProductTilesSkeleton.tsx b/...uctTilesSkeleton/ProductTilesSkeleton.tsx → ...uctTilesSkeleton/ProductTilesSkeleton.tsx
@@ -1,6 +1,6 @@
 import type { PropsWithChildren } from 'react'
 
-import Tiles, { Tile } from 'src/components/ui/Tiles'
+import Tiles, { Tile } from 'app/components/ui/Tiles'
 
 import { ProductTileSkeleton } from '.'
 

diff --git a/...s/skeletons/ProductTilesSkeleton/index.ts → ...s/skeletons/ProductTilesSkeleton/index.ts b/...s/skeletons/ProductTilesSkeleton/index.ts → ...s/skeletons/ProductTilesSkeleton/index.ts
diff --git a/...es/core/src/components/ui/Tiles/Tiles.tsx → ...es/core/app/components/ui/Tiles/Tiles.tsx b/...es/core/src/components/ui/Tiles/Tiles.tsx → ...es/core/app/components/ui/Tiles/Tiles.tsx
diff --git a/...ges/core/src/components/ui/Tiles/index.ts → ...ges/core/app/components/ui/Tiles/index.ts b/...ges/core/src/components/ui/Tiles/index.ts → ...ges/core/app/components/ui/Tiles/index.ts
diff --git a/packages/core/app/fs-next-update/page.tsx b/packages/core/app/fs-next-update/page.tsx
@@ -7,6 +7,7 @@ import { OverriddenDefaultBannerText as BannerText } from 'app/components/sectio
 import { OverriddenDefaultHero as Hero } from 'app/components/sections/Hero/OverriddenDefaultHero'
 import { OverriddenDefaultProductShelf as ProductShelf } from 'app/components/sections/ProductShelf/OverriddenDefaultProductShelf'
 import { OverriddenDefaultNewsletter as Newsletter } from 'app/components/sections/Newsletter/OverriddenDefaultNewsletter'
+import ProductTiles from 'app/components/sections/ProductTiles'
 
 import Incentives from 'app/components/sections/Incentives'
 import PageProvider from 'app/sdk/overrides/PageProvider'
@@ -21,6 +22,7 @@ const COMPONENTS: Record<string, ComponentType<any>> = {
   ProductShelf,
   BannerText,
   Newsletter,
+  ProductTiles,
   ...CUSTOM_COMPONENTS,
 }
 

diff --git a/packages/core/src/components/templates/LandingPage/LandingPage.tsx b/packages/core/src/components/templates/LandingPage/LandingPage.tsx
@@ -13,7 +13,7 @@ import BannerNewsletter from 'src/components/sections/BannerNewsletter/BannerNew
 import { OverriddenDefaultCrossSellingShelf as CrossSellingShelf } from 'src/components/sections/CrossSellingShelf/OverriddenDefaultCrossSellingShelf'
 import { OverriddenDefaultNewsletter as Newsletter } from 'app/components/sections/Newsletter/OverriddenDefaultNewsletter'
 import { OverriddenDefaultProductShelf as ProductShelf } from 'app/components/sections/ProductShelf/OverriddenDefaultProductShelf'
-import ProductTiles from 'src/components/sections/ProductTiles'
+import ProductTiles from 'app/components/sections/ProductTiles'
 import CUSTOM_COMPONENTS from 'src/customizations/src/components'
 import MissingContentError from 'src/sdk/error/MissingContentError/MissingContentError'
 

diff --git a/packages/core/src/components/templates/ProductListingPage/ProductListing.tsx b/packages/core/src/components/templates/ProductListingPage/ProductListing.tsx
@@ -8,7 +8,7 @@ import { OverriddenDefaultBreadcrumb as Breadcrumb } from 'src/components/sectio
 import { OverriddenDefaultNewsletter as Newsletter } from 'app/components/sections/Newsletter/OverriddenDefaultNewsletter'
 import { OverriddenDefaultProductGallery as ProductGallery } from 'src/components/sections/ProductGallery/OverriddenDefaultProductGallery'
 import { OverriddenDefaultProductShelf as ProductShelf } from 'app/components/sections/ProductShelf/OverriddenDefaultProductShelf'
-import ProductTiles from 'src/components/sections/ProductTiles'
+import ProductTiles from 'app/components/sections/ProductTiles'
 import ScrollToTopButton from 'src/components/sections/ScrollToTopButton'
 import { ITEMS_PER_PAGE } from 'src/constants'
 

diff --git a/packages/core/src/components/templates/SearchPage/SearchPage.tsx b/packages/core/src/components/templates/SearchPage/SearchPage.tsx
@@ -11,7 +11,7 @@ import { OverriddenDefaultBreadcrumb as Breadcrumb } from 'src/components/sectio
 import { OverriddenDefaultNewsletter as Newsletter } from 'app/components/sections/Newsletter/OverriddenDefaultNewsletter'
 import { OverriddenDefaultProductGallery as ProductGallery } from 'src/components/sections/ProductGallery/OverriddenDefaultProductGallery'
 import { OverriddenDefaultProductShelf as ProductShelf } from 'app/components/sections/ProductShelf/OverriddenDefaultProductShelf'
-import ProductTiles from 'src/components/sections/ProductTiles'
+import ProductTiles from 'app/components/sections/ProductTiles'
 import CUSTOM_COMPONENTS from 'src/customizations/src/components'
 import { SearchPageContextType } from 'src/pages/s'
 import {

diff --git a/packages/core/src/pages/[slug]/p.tsx b/packages/core/src/pages/[slug]/p.tsx
@@ -19,7 +19,7 @@ import { OverriddenDefaultCrossSellingShelf as CrossSellingShelf } from 'src/com
 import { OverriddenDefaultNewsletter as Newsletter } from 'app/components/sections/Newsletter/OverriddenDefaultNewsletter'
 import { OverriddenDefaultProductDetails as ProductDetails } from 'src/components/sections/ProductDetails/OverriddenDefaultProductDetails'
 import { OverriddenDefaultProductShelf as ProductShelf } from 'app/components/sections/ProductShelf/OverriddenDefaultProductShelf'
-import ProductTiles from 'src/components/sections/ProductTiles'
+import ProductTiles from 'app/components/sections/ProductTiles'
 import CUSTOM_COMPONENTS from 'src/customizations/src/components'
 import { useSession } from 'src/sdk/session'
 import { mark } from 'src/sdk/tests/mark'

diff --git a/packages/core/src/pages/index.tsx b/packages/core/src/pages/index.tsx
@@ -12,7 +12,7 @@ import { getPage } from 'app/server/cms'
 import BannerNewsletter from 'src/components/sections/BannerNewsletter/BannerNewsletter'
 import { OverriddenDefaultNewsletter as Newsletter } from 'app/components/sections/Newsletter/OverriddenDefaultNewsletter'
 import { OverriddenDefaultProductShelf as ProductShelf } from 'app/components/sections/ProductShelf/OverriddenDefaultProductShelf'
-import ProductTiles from 'src/components/sections/ProductTiles'
+import ProductTiles from 'app/components/sections/ProductTiles'
 import CUSTOM_COMPONENTS from 'src/customizations/src/components'
 import { mark } from 'src/sdk/tests/mark'