43 lines
1.6 KiB
TypeScript
43 lines
1.6 KiB
TypeScript
// Metro module 14623 (f14624).
|
|
import { View } from "react-native";
|
|
import Module712 from "../../../_bundle/Module712";
|
|
import { createStyles } from "../../../design/components/Styles/native/createStyles";
|
|
import { CollectiblesAnalyticsProvider } from "../CollectiblesAnalyticsContext";
|
|
import FeaturedCategorySubblock from "./FeaturedCategorySubblock";
|
|
import useAnalyticsLocations, { AnalyticsLocationProvider } from "../../app_analytics/useAnalyticsLocations";
|
|
import AnalyticsLocation from "../../app_analytics/AnalyticsLocation";
|
|
let useStyles;
|
|
const Subblocks = function Subblocks({ featuredBlock, style }) {
|
|
return featuredBlock.subblocks.map((a0, index) => <CollectiblesAnalyticsProvider key={index} newValue={{
|
|
tilePosition: index
|
|
}}>
|
|
<View style={style}>
|
|
<FeaturedCategorySubblock subblock={a0} />
|
|
</View>
|
|
</CollectiblesAnalyticsProvider>);
|
|
};
|
|
useStyles = createStyles({
|
|
container: {
|
|
display: "flex",
|
|
width: "100%",
|
|
flexDirection: "row",
|
|
flexWrap: "wrap",
|
|
gap: Module712.space.PX_12,
|
|
paddingHorizontal: Module712.space.PX_16
|
|
},
|
|
featuredSubblock: {
|
|
flex: 1,
|
|
flexBasis: 400,
|
|
maxWidth: "100%"
|
|
}
|
|
});
|
|
export default function FeaturedBlock(props) {
|
|
const featuredBlock = props.featuredBlock;
|
|
const styles = useStyles();
|
|
return <AnalyticsLocationProvider value={useAnalyticsLocations(AnalyticsLocation.COLLECTIBLES_SHOP_FEATURED_BLOCK).analyticsLocations}>
|
|
<View style={styles.container}>
|
|
<Subblocks featuredBlock={featuredBlock} style={styles.featuredSubblock} />
|
|
</View>
|
|
</AnalyticsLocationProvider>;
|
|
};
|