render() { return ( <Item> <Title>{this.props.title}</Title> <Description>{this.props.description}</Description> </Item> ) }
getHeader() { if (this.props.location) { if (this.props.location.pathname === '/') { return ( <IndexHeadContainer> <Navigation /> <Hero> <Logo src='/logos/logo-large-normal.png' alt='' /> <Title>{this.props.siteTitle}</Title> <Description>{this.props.siteDescription}</Description> <GetStarted /> </Hero> </IndexHeadContainer> ) } return ( <SiteContainer> <Navigation /> </SiteContainer> ) } return <div /> }
render() { let message if (this.result === 'success') { message = <SuccessMessage>Thank you for your donation!</SuccessMessage> } else if (this.result === 'cancel') { message = <CancelMessage>Canceled.</CancelMessage> } return ( <Container> <Title>Donation</Title> <Description>Please support the development and maintenance of LambStatus!</Description> <Amounts> <Amount highlight={this.state.amount === 10} onClick={() => this.changeAmount(10)}>$10</Amount> <Amount highlight={this.state.amount === 50} onClick={() => this.changeAmount(50)}>$50</Amount> <Amount highlight={this.state.amount === 100} onClick={() => this.changeAmount(100)}>$100</Amount> </Amounts> <div> <Button onClick={event => this.redirectToCheckout(event)}>Donate</Button> {message} </div> <Note>(jumps to the Stripe page)</Note> </Container> ) }
{this.props.headline} </Headline> <Description> {this.props.description} </Description>
const Header = ({ siteTitle, siteDescription }) => ( <header> <h1> <HeaderLink to="/">{siteTitle}</HeaderLink> </h1> <Description>{siteDescription}</Description> </header> )
render() { return ( <ExtendedWrapper> <ExtendedOverlay> <Logo src={logo} alt="WasedaTime logo" /> <Description>{this.props.message || "Loading..."}</Description> <Description>{this.state.delayMessage}</Description> </ExtendedOverlay> </ExtendedWrapper> ); }
const UnderConstruction = ({ t }) => { window.scrollTo({ top: 0 }); return ( <ExtendedWrapper> <ExtendedOverlay> <Logo src={logo} alt="WasedaTime logo" /> <h2>{t("room.Under Construction")}</h2> <Description> {t("room.Want to help?")} <br /> {t("room.Check out our")} <a href="https://www.facebook.com/wasedatime">{t("room.facebook")}</a> {t("room.or")} <a href="https://twitter.com/wasedatime">{t("room.twitter")}</a> {t("room.!")} </Description> <Developers t={t} /> </ExtendedOverlay> </ExtendedWrapper> ); }
{price && <Price>Price: ${price}</Price>} </UpperContainer> {description && <Description>{description}</Description>} </div> )}
<Page> <Columns> <Description> <h2>This will be great</h2> <hr /> <Page> <Columns> <Description> <h2>This will be great</h2> <hr />
<DetailWrapper> <DescriptionWrapper> <Description>{yearTerm}</Description> <Description> <OccurrenceList>{occurrences}</OccurrenceList> </Description>
<Introduction> <MainHeading>WasedaTime</MainHeading> <Description>{t("about.description")}</Description> </Introduction> </StyledHeader>
render() { return ( <ExtendedWrapper> <ExtendedOverlay> <Logo src={logo} alt="WasedaTime logo" /> <Description>{this.props.message || "Loading..."}</Description> <Description>{this.state.delayMessage}</Description> </ExtendedOverlay> </ExtendedWrapper> ); }
const Header = ({ siteTitle, siteDescription }) => ( <header> <h1> <HeaderLink to="/">{siteTitle}</HeaderLink> </h1> <Description>{siteDescription}</Description> </header> )
const UnderConstruction = ({ t }) => { window.scrollTo({ top: 0 }); return ( <ExtendedWrapper> <ExtendedOverlay> <Logo src={logo} alt="WasedaTime logo" /> <h2>{t("room.Under Construction")}</h2> <Description> {t("room.Want to help?")} <br /> {t("room.Check out our")} <a href="https://www.facebook.com/wasedatime">{t("room.facebook")}</a> {t("room.or")} <a href="https://twitter.com/wasedatime">{t("room.twitter")}</a> {t("room.!")} </Description> <Developers t={t} /> </ExtendedOverlay> </ExtendedWrapper> ); }
<DetailWrapper> <DescriptionWrapper> <Description>{yearTerm}</Description> <Description> <OccurrenceList>{occurrences}</OccurrenceList> </Description>