diff --git a/src/app/Components/Gene/GeneArtworks.tsx b/src/app/Components/Gene/GeneArtworks.tsx index 55dacd4dca8..4768a6fe424 100644 --- a/src/app/Components/Gene/GeneArtworks.tsx +++ b/src/app/Components/Gene/GeneArtworks.tsx @@ -6,6 +6,7 @@ import { useArtworkFilters } from "app/Components/ArtworkFilter/useArtworkFilter import { FilteredArtworkGridZeroState } from "app/Components/ArtworkGrids/FilteredArtworkGridZeroState" import { InfiniteScrollArtworksGridContainer as InfiniteScrollArtworksGrid } from "app/Components/ArtworkGrids/InfiniteScrollArtworksGrid" import { GeneArtworksFilterHeader } from "app/Components/Gene/GeneArtworksFilterHeader" +import { TabsFlatList } from "app/Components/TabsFlatlist" import { Schema } from "app/utils/track" import React, { useRef, useState } from "react" @@ -86,7 +87,7 @@ const GeneArtworksContainer: React.FC = (props) => { return ( - + @@ -100,7 +101,7 @@ const GeneArtworksContainer: React.FC = (props) => { closeModal={closeFilterArtworksModal} mode={FilterModalMode.Gene} /> - + ) } diff --git a/src/app/Components/TabsFlatlist.tsx b/src/app/Components/TabsFlatlist.tsx index f6f2ecaf489..6e89cfc6bbe 100644 --- a/src/app/Components/TabsFlatlist.tsx +++ b/src/app/Components/TabsFlatlist.tsx @@ -12,9 +12,9 @@ export interface TabsFlatListProps } /** - * @deprecated * This component was introduced to solve https://artsyproduct.atlassian.net/browse/DIA-63 issue and only this. - * Please do not use it for any other purpose. + * Please do not use it for any other purpose. It will be removed once we have a better solution. + * Used **only** for sticky surfaces that include the infiniteScrollArtworkGrid */ export const TabsFlatList: React.FC> = ({ children, diff --git a/src/app/Scenes/MyCollection/MyCollection.tsx b/src/app/Scenes/MyCollection/MyCollection.tsx index 1bc215d3be1..120f84cc992 100644 --- a/src/app/Scenes/MyCollection/MyCollection.tsx +++ b/src/app/Scenes/MyCollection/MyCollection.tsx @@ -10,6 +10,7 @@ import { ArtworkFiltersStoreProvider } from "app/Components/ArtworkFilter/Artwor import { useSelectedFiltersCount } from "app/Components/ArtworkFilter/useArtworkFilters" import { PlaceholderGrid } from "app/Components/ArtworkGrids/GenericGrid" import { LoadFailureView } from "app/Components/LoadFailureView" +import { TabsFlatList } from "app/Components/TabsFlatlist" import { useToast } from "app/Components/Toast/toastHook" import { PAGE_SIZE } from "app/Components/constants" import { MyCollectionArtworksKeywordStore } from "app/Scenes/MyCollection/Components/MyCollectionArtworksKeywordStore" @@ -171,7 +172,7 @@ const MyCollection: React.FC<{ } return ( - } keyboardDismissMode="on-drag" @@ -214,7 +215,7 @@ const MyCollection: React.FC<{ Add Random Work )} - + ) } diff --git a/src/app/Scenes/Partner/Components/PartnerArtwork.tsx b/src/app/Scenes/Partner/Components/PartnerArtwork.tsx index 35079bd1488..8ed59452353 100644 --- a/src/app/Scenes/Partner/Components/PartnerArtwork.tsx +++ b/src/app/Scenes/Partner/Components/PartnerArtwork.tsx @@ -1,4 +1,4 @@ -import { Spacer, Tabs } from "@artsy/palette-mobile" +import { Spacer } from "@artsy/palette-mobile" import { PartnerArtwork_partner$data } from "__generated__/PartnerArtwork_partner.graphql" import { AnimatedArtworkFilterButton, @@ -8,6 +8,7 @@ import { import { useArtworkFilters } from "app/Components/ArtworkFilter/useArtworkFilters" import { InfiniteScrollArtworksGridContainer as InfiniteScrollArtworksGrid } from "app/Components/ArtworkGrids/InfiniteScrollArtworksGrid" import { TabEmptyState } from "app/Components/TabEmptyState" +import { TabsFlatList } from "app/Components/TabsFlatlist" import { get } from "app/utils/get" import React, { useState } from "react" @@ -33,7 +34,7 @@ export const PartnerArtwork: React.FC<{ return ( <> - + {artworksCount > 0 ? ( @@ -45,7 +46,7 @@ export const PartnerArtwork: React.FC<{ ) : ( )} - + = (props) => { return ( - + = (props) => { closeModal={closeFilterArtworksModal} mode={FilterModalMode.Tag} /> - + ) }