Thanks to visit codestin.com
Credit goes to github.com

Skip to content
This repository was archived by the owner on Mar 9, 2021. It is now read-only.

Commit 6cae447

Browse files
author
z
committed
converted events to class comp
1 parent 60b3dec commit 6cae447

File tree

1 file changed

+38
-30
lines changed

1 file changed

+38
-30
lines changed

‎pages/events.js

Lines changed: 38 additions & 30 deletions
Original file line numberDiff line numberDiff line change
@@ -14,33 +14,41 @@ const EventsSection = styled.section`
1414
position: relative;
1515
`;
1616

17-
export default () => (
18-
<Layout>
19-
<BannerSection textInverted title="Online & Offline Events" subTitle="Because you cannot change the world alone" />
20-
<EventsSection py={[2, 4]} px={[2, 1]}>
21-
<Container>
22-
<Flex pb={[2, 4]} direction="column" align="center" justify="center">
23-
<Box width={[1, 0.75]}>
24-
<Title inverted color="#222">
25-
Upcoming Events
26-
</Title>
27-
<SubTitle inverted color="#222">
28-
No events as of now, check back later
29-
</SubTitle>
30-
<EventCard />
31-
</Box>
32-
</Flex>
33-
<Flex direction="column" align="center" justify="center">
34-
<Box width={[1, 0.75]}>
35-
<Title inverted color="#222">
36-
Past Events
37-
</Title>
38-
<SubTitle inverted color="#222">
39-
Loading...
40-
</SubTitle>
41-
</Box>
42-
</Flex>
43-
</Container>
44-
</EventsSection>
45-
</Layout>
46-
);
17+
export default class Events extends React.Component {
18+
render() {
19+
return (
20+
<Layout>
21+
<BannerSection
22+
textInverted
23+
title="Online & Offline Events"
24+
subTitle="Because you cannot change the world alone"
25+
/>
26+
<EventsSection py={[2, 4]} px={[2, 1]}>
27+
<Container>
28+
<Flex pb={[2, 4]} direction="column" align="center" justify="center">
29+
<Box width={[1, 0.75]}>
30+
<Title inverted color="#222">
31+
Upcoming Events
32+
</Title>
33+
<SubTitle inverted color="#222">
34+
No events as of now, check back later
35+
</SubTitle>
36+
<EventCard />
37+
</Box>
38+
</Flex>
39+
<Flex direction="column" align="center" justify="center">
40+
<Box width={[1, 0.75]}>
41+
<Title inverted color="#222">
42+
Past Events
43+
</Title>
44+
<SubTitle inverted color="#222">
45+
Loading...
46+
</SubTitle>
47+
</Box>
48+
</Flex>
49+
</Container>
50+
</EventsSection>
51+
</Layout>
52+
);
53+
}
54+
}

0 commit comments

Comments
 (0)