diff --git a/src/app/Scenes/HomeView/Sections/HomeViewSectionCard.tsx b/src/app/Scenes/HomeView/Sections/HomeViewSectionCard.tsx index f27736af75a..3bb5c86828c 100644 --- a/src/app/Scenes/HomeView/Sections/HomeViewSectionCard.tsx +++ b/src/app/Scenes/HomeView/Sections/HomeViewSectionCard.tsx @@ -1,5 +1,6 @@ import { ContextModule, OwnerType } from "@artsy/cohesion" import { + ArrowRightIcon, Button, Flex, FlexProps, @@ -7,7 +8,9 @@ import { SkeletonBox, Text, Touchable, + useColor, useScreenDimensions, + useSpace, } from "@artsy/palette-mobile" import { HomeViewSectionCardQuery } from "__generated__/HomeViewSectionCardQuery.graphql" import { HomeViewSectionCard_section$key } from "__generated__/HomeViewSectionCard_section.graphql" @@ -35,6 +38,8 @@ export const HomeViewSectionCard: React.FC = ({ ...flexProps }) => { const tracking = useHomeViewTracking() + const space = useSpace() + const color = useColor() const { width, height } = useScreenDimensions() const section = useFragment(HomeViewSectionCardFragment, sectionProp) @@ -43,7 +48,7 @@ export const HomeViewSectionCard: React.FC = ({ return null } - const { title, subtitle, image, buttonText: btnText } = section.card + const { title, subtitle, image, buttonText: btnText, badgeText } = section.card const imageHeight = height * 0.5 @@ -97,6 +102,19 @@ export const HomeViewSectionCard: React.FC = ({ )} + {!!badgeText && ( + + + {badgeText} + + + )} + {title} @@ -114,6 +132,8 @@ export const HomeViewSectionCard: React.FC = ({ variant={hasImage ? "outlineLight" : "fillDark"} size="small" onPress={onPress} + icon={} + iconPosition="right" > {buttonText} @@ -141,6 +161,7 @@ const HomeViewSectionCardFragment = graphql` title subtitle href + badgeText buttonText image { imageURL