31 lines
1.1 KiB
TypeScript
31 lines
1.1 KiB
TypeScript
// Metro module 12204 (f12205).
|
|
import { View } from "react-native";
|
|
import { WISHLIST_SUGGESTION_CARD_GAP } from "../../user_profile/native/Constants";
|
|
import { createStyles } from "../../../design/components/Styles/native/createStyles";
|
|
import { WishlistAnalyticsProvider } from "../WishlistAnalyticsContext";
|
|
import AddToWishlistItemCard from "./AddToWishlistItemCard";
|
|
const useStyles = createStyles({
|
|
itemsContainer: {
|
|
flexDirection: "row",
|
|
flexWrap: "wrap",
|
|
gap: WISHLIST_SUGGESTION_CARD_GAP,
|
|
justifyContent: "flex-start"
|
|
}
|
|
});
|
|
export default function AddToWishlistGrid(props) {
|
|
const { items, wishlist, analyticsLocations, cardSize } = props;
|
|
return <View style={useStyles().itemsContainer}>
|
|
{items.map((item, index) => {
|
|
const sku = item.sku;
|
|
return <WishlistAnalyticsProvider key={sku.id} newValue={{
|
|
positionInSection: index,
|
|
skuId: sku.id,
|
|
itemSource: item.itemSource,
|
|
productLine: sku.productLine
|
|
}}>
|
|
<AddToWishlistItemCard sku={sku} wishlistId={wishlist?.id} analyticsLocations={analyticsLocations} size={cardSize} />
|
|
</WishlistAnalyticsProvider>;
|
|
})}
|
|
</View>;
|
|
};
|