diff --git a/src/app/Scenes/SellWithArtsy/Components/Footer.tsx b/src/app/Scenes/SellWithArtsy/Components/Footer.tsx index 2cb5a97b063..8e73db9a327 100644 --- a/src/app/Scenes/SellWithArtsy/Components/Footer.tsx +++ b/src/app/Scenes/SellWithArtsy/Components/Footer.tsx @@ -1,34 +1,10 @@ -import { ContextModule, OwnerType, TappedConsignArgs } from "@artsy/cohesion" -import { Flex, Spacer, Text, Separator, Button } from "@artsy/palette-mobile" +import { Flex, Text, Separator } from "@artsy/palette-mobile" import { navigate } from "app/system/navigation/navigate" import { isTablet } from "react-native-device-info" -export const Footer: React.FC<{ - onConsignPress: (tappedConsignArgs: TappedConsignArgs) => void -}> = ({ onConsignPress }) => { - const buttonText = "Start Selling" - +export const Footer: React.FC = () => { return ( - - Meet your new art advisor.{"\n"}It’s Artsy. - - - - - - - - @@ -41,20 +17,13 @@ export const Footer: React.FC<{ onPress={() => navigate("https://partners.artsy.net/")} style={{ textDecorationLine: "underline" }} > - {" "} Become a partner {" "} to access the world’s largest online art marketplace. + + ) } - -const tracks = { - consignArgs: (subject: string): TappedConsignArgs => ({ - contextModule: ContextModule.sellFooter, - contextScreenOwnerType: OwnerType.sell, - subject, - }), -} diff --git a/src/app/Scenes/SellWithArtsy/Components/Header.tsx b/src/app/Scenes/SellWithArtsy/Components/Header.tsx index caacd512b6e..e58c0002157 100644 --- a/src/app/Scenes/SellWithArtsy/Components/Header.tsx +++ b/src/app/Scenes/SellWithArtsy/Components/Header.tsx @@ -1,32 +1,11 @@ -import { - ActionType, - ContextModule, - OwnerType, - TappedConsignArgs, - TappedConsignmentInquiry, -} from "@artsy/cohesion" -import { Flex, Text, Button } from "@artsy/palette-mobile" +import { Flex, Text } from "@artsy/palette-mobile" import { useScreenDimensions } from "app/utils/hooks" import { Image } from "react-native" import { isTablet } from "react-native-device-info" -interface HeaderProps { - onConsignPress: (tappedConsignArgs: TappedConsignArgs) => void - onInquiryPress: (inquiryTrackingArgs?: TappedConsignmentInquiry) => void -} - -export const Header: React.FC = ({ onConsignPress, onInquiryPress }) => { - const buttonText = "Start Selling" +export const Header: React.FC = () => { const { width } = useScreenDimensions() - const handleSubmitPress = (subject: string) => { - onConsignPress(tracks.consignArgs(subject)) - } - - const handleInquiryPress = () => { - onInquiryPress(tracks.consignmentInquiryTapped()) - } - return ( = ({ onConsignPress, onInquiryPress } Sell art from your collection - + With our global reach and art market expertise, our specialists will find the best sales option for your work. - - - - ) } - -const tracks = { - consignArgs: (subject: string): TappedConsignArgs => ({ - contextModule: ContextModule.sellHeader, - contextScreenOwnerType: OwnerType.sell, - subject, - }), - consignmentInquiryTapped: (): TappedConsignmentInquiry => ({ - action: ActionType.tappedConsignmentInquiry, - context_module: ContextModule.sellHeader, - context_screen: OwnerType.sell, - context_screen_owner_type: OwnerType.sell, - subject: "Get in Touch", - }), -} diff --git a/src/app/Scenes/SellWithArtsy/Components/HowItWorks.tsx b/src/app/Scenes/SellWithArtsy/Components/HowItWorks.tsx index cbe399a89ce..84167fe1a70 100644 --- a/src/app/Scenes/SellWithArtsy/Components/HowItWorks.tsx +++ b/src/app/Scenes/SellWithArtsy/Components/HowItWorks.tsx @@ -1,5 +1,4 @@ -import { ContextModule, OwnerType, TappedConsignArgs } from "@artsy/cohesion" -import { Spacer, Flex, Text, Join, Button } from "@artsy/palette-mobile" +import { Spacer, Flex, Text, Join } from "@artsy/palette-mobile" const STEPS = [ { @@ -20,11 +19,7 @@ const STEPS = [ }, ] -export const HowItWorks: React.FC<{ - onConsignPress: (tappedConsignArgs: TappedConsignArgs) => void -}> = ({ onConsignPress }) => { - const buttonText = "Start Selling" - +export const HowItWorks: React.FC = () => { return ( How it works @@ -38,25 +33,7 @@ export const HowItWorks: React.FC<{ {step.text} ))} - - ) } - -const tracks = { - consignArgs: (subject: string): TappedConsignArgs => ({ - contextModule: ContextModule.sellHowItWorks, - contextScreenOwnerType: OwnerType.sell, - subject, - }), -} diff --git a/src/app/Scenes/SellWithArtsy/Components/MeetTheSpecialists.tsx b/src/app/Scenes/SellWithArtsy/Components/MeetTheSpecialists.tsx index ffdbd64128b..5c9e63c24dd 100644 --- a/src/app/Scenes/SellWithArtsy/Components/MeetTheSpecialists.tsx +++ b/src/app/Scenes/SellWithArtsy/Components/MeetTheSpecialists.tsx @@ -151,6 +151,7 @@ const Specialist: React.FC = ({ specialist, onInquiryPress }) = + + + + + Not sure what you’re looking for?{" "} + + Speak to an advisor + + + + + ) +} + +const tracks = { + consignArgs: (subject: string): TappedConsignArgs => ({ + contextModule: ContextModule.sellHeader, + contextScreenOwnerType: OwnerType.sell, + subject, + }), + consignmentInquiryTapped: (): TappedConsignmentInquiry => ({ + action: ActionType.tappedConsignmentInquiry, + context_module: ContextModule.sellHeader, + context_screen: OwnerType.sell, + context_screen_owner_type: OwnerType.sell, + subject: "Get in Touch", + }), +} diff --git a/src/app/Scenes/SellWithArtsy/SellWithArtsyHome.tsx b/src/app/Scenes/SellWithArtsy/SellWithArtsyHome.tsx index d56414e263e..fd67aad0533 100644 --- a/src/app/Scenes/SellWithArtsy/SellWithArtsyHome.tsx +++ b/src/app/Scenes/SellWithArtsy/SellWithArtsyHome.tsx @@ -8,6 +8,7 @@ import { FAQSWA } from "app/Scenes/SellWithArtsy/Components/FAQSWA" import { Highlights } from "app/Scenes/SellWithArtsy/Components/Highlights" import { MeetTheSpecialists } from "app/Scenes/SellWithArtsy/Components/MeetTheSpecialists" import { SpeakToTheTeam } from "app/Scenes/SellWithArtsy/Components/SpeakToTheTeam" +import { StickySWAHeader } from "app/Scenes/SellWithArtsy/Components/StickySWAHeader" import { Testimonials } from "app/Scenes/SellWithArtsy/Components/Testimonials" import { WaysWeSell } from "app/Scenes/SellWithArtsy/Components/WaysWeSell" import { GlobalStore } from "app/store/GlobalStore" @@ -97,15 +98,15 @@ export const SellWithArtsyHome: React.FC = ({ > }> -
+
- + - + @@ -117,13 +118,15 @@ export const SellWithArtsyHome: React.FC = ({ - + -