aboutsummaryrefslogtreecommitdiffstats
path: root/packages/website/ts/@next/pages/community.tsx
diff options
context:
space:
mode:
authorSteve Klebanoff <steve.klebanoff@gmail.com>2018-12-19 05:24:53 +0800
committerSteve Klebanoff <steve.klebanoff@gmail.com>2018-12-19 05:24:53 +0800
commit9bd71aeeffbadebb41756a605ef6a0aacbfd47c4 (patch)
tree9306ea2225370a02d1ed00791faee6616740c59b /packages/website/ts/@next/pages/community.tsx
parent59d7efa78af41a91617b5a1f253a0f7e17553dca (diff)
downloaddexon-sol-tools-9bd71aeeffbadebb41756a605ef6a0aacbfd47c4.tar.gz
dexon-sol-tools-9bd71aeeffbadebb41756a605ef6a0aacbfd47c4.tar.zst
dexon-sol-tools-9bd71aeeffbadebb41756a605ef6a0aacbfd47c4.zip
run prettier on website
Diffstat (limited to 'packages/website/ts/@next/pages/community.tsx')
-rw-r--r--packages/website/ts/@next/pages/community.tsx61
1 files changed, 33 insertions, 28 deletions
diff --git a/packages/website/ts/@next/pages/community.tsx b/packages/website/ts/@next/pages/community.tsx
index a02e7e6fd..eb3e7210d 100644
--- a/packages/website/ts/@next/pages/community.tsx
+++ b/packages/website/ts/@next/pages/community.tsx
@@ -98,14 +98,12 @@ export class NextCommunity extends React.Component {
Community
</Heading>
<Paragraph size="medium" isCentered={true} isMuted={true} marginBottom="0">
- The 0x community is a global, passionate group of crypto developers and enthusiasts. The official channels below provide a great forum for connecting and engaging with the community.
+ The 0x community is a global, passionate group of crypto developers and enthusiasts. The
+ official channels below provide a great forum for connecting and engaging with the
+ community.
</Paragraph>
<LinkWrap>
- <Button
- to="#"
- isWithArrow={true}
- isAccentColor={true}
- >
+ <Button to="#" isWithArrow={true} isAccentColor={true}>
Join the 0x community
</Button>
</LinkWrap>
@@ -113,7 +111,13 @@ export class NextCommunity extends React.Component {
</Section>
<Section isFullWidth={true}>
- <WrapGrid isTextCentered={true} isWrapped={true} isFullWidth={false} isCentered={false} maxWidth="1151px">
+ <WrapGrid
+ isTextCentered={true}
+ isWrapped={true}
+ isFullWidth={false}
+ isCentered={false}
+ maxWidth="1151px"
+ >
{_.map(communityLinks, (link: CommunityLinkProps, index: number) => (
<CommunityLink
key={`cl-${index}`}
@@ -126,32 +130,37 @@ export class NextCommunity extends React.Component {
</WrapGrid>
</Section>
- <EventsWrapper bgColor={colors.backgroundLight} isFullWidth={true} isCentered={true} isTextCentered={true}>
+ <EventsWrapper
+ bgColor={colors.backgroundLight}
+ isFullWidth={true}
+ isCentered={true}
+ isTextCentered={true}
+ >
<Column maxWidth="720px">
<Heading size="medium" asElement="h2" isCentered={true} maxWidth="507px" marginBottom="30px">
Upcoming Events
</Heading>
<Paragraph size="medium" isCentered={true} isMuted={true}>
- 0x meetups happen all over the world on a monthly basis and are hosted by devoted members of the community. Want to host a meetup in your city? Reach out for help finding a venue, connecting with local 0x mentors, and promoting your events.
+ 0x meetups happen all over the world on a monthly basis and are hosted by devoted members of
+ the community. Want to host a meetup in your city? Reach out for help finding a venue,
+ connecting with local 0x mentors, and promoting your events.
</Paragraph>
<LinkWrap>
- <Button
- to="#"
- isWithArrow={true}
- isAccentColor={true}
- >
+ <Button to="#" isWithArrow={true} isAccentColor={true}>
Get in Touch
</Button>
- <Button
- to="#"
- isWithArrow={true}
- isAccentColor={true}
- >
+ <Button to="#" isWithArrow={true} isAccentColor={true}>
Join Newsletter
</Button>
</LinkWrap>
</Column>
- <WrapGrid isTextCentered={true} isWrapped={true} isFullWidth={false} isCentered={false} maxWidth="1149px">
+ <WrapGrid
+ isTextCentered={true}
+ isWrapped={true}
+ isFullWidth={false}
+ isCentered={false}
+ maxWidth="1149px"
+ >
{_.map(events, (ev: EventProps, index: number) => (
<Event
key={`event-${index}`}
@@ -177,17 +186,17 @@ export class NextCommunity extends React.Component {
public _onOpenContactModal = (): void => {
this.setState({ isContactModalOpen: true });
- }
+ };
public _onDismissContactModal = (): void => {
this.setState({ isContactModalOpen: false });
- }
+ };
}
const Event: React.FunctionComponent<EventProps> = (event: EventProps) => (
<StyledEvent>
<EventIcon name="logo-mark" size={30} margin={0} />
- <EventImage src={event.imageUrl} alt=""/>
+ <EventImage src={event.imageUrl} alt="" />
<EventContent>
<Heading color={colors.white} size="small" marginBottom="0">
{event.title}
@@ -195,11 +204,7 @@ const Event: React.FunctionComponent<EventProps> = (event: EventProps) => (
<Paragraph color={colors.white} isMuted={0.65}>
{event.date}
</Paragraph>
- <Button
- color={colors.white}
- href={event.signupUrl}
- isWithArrow={true}
- >
+ <Button color={colors.white} href={event.signupUrl} isWithArrow={true}>
Sign Up
</Button>
</EventContent>