SHARE
TWEET

Untitled

a guest May 26th, 2019 71 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. const HomeContainer = styled.section`
  2.   margin-top: 9rem;
  3.   margin-left: 1rem;
  4.   margin-right: 1rem;
  5. `;
  6.  
  7. const MainTitle = styled(H2)`
  8.   margin-bottom: 0.5rem;
  9.   text-align: center;
  10. `;
  11.  
  12. const SubTitle = styled(S1)`
  13.   color: ${props => props.theme.colors.foreground.secondary};
  14.   margin-bottom: 1rem;
  15.   text-align: center;
  16. `;
  17.  
  18. class Home extends PureComponent {
  19.   goToRSVP = () => {
  20.     const { history } = this.props;
  21.     history.push(RSVP_ROUTE.path);
  22.   };
  23.  
  24.   goToWeddingDay = () => {
  25.     const { history } = this.props;
  26.     history.push(WEDDING_DAY.path);
  27.   };
  28.  
  29.   goToAfterParty = () => {
  30.     const { history } = this.props;
  31.     history.push(AFTER_PARTY.path);
  32.   };
  33.  
  34.   render() {
  35.     return (
  36.       <HomeContainer>
  37.         <MainTitle>Catriona & Darren</MainTitle>
  38.         <SubTitle>Info text here. Wording TBC.</SubTitle>
  39.         <VerticalButtonGroup center>
  40.           <Button buttonStyle={ButtonStyles.PRIMARY} onClick={this.goToRSVP}>
  41.             RSVP
  42.           </Button>
  43.           <Button
  44.             buttonType={ButtonTypes.OUTLINE}
  45.             onClick={this.goToWeddingDay}
  46.           >
  47.             Wedding Day
  48.           </Button>
  49.           <Button
  50.             buttonType={ButtonTypes.OUTLINE}
  51.             onClick={this.goToAfterParty}
  52.           >
  53.             After Party
  54.           </Button>
  55.         </VerticalButtonGroup>
  56.       </HomeContainer>
  57.     );
  58.   }
  59. }
RAW Paste Data
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy. OK, I Understand
 
Top