This repository has been archived by the owner on May 27, 2020. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 61
/
CampaignsListing.js
78 lines (68 loc) · 2.45 KB
/
CampaignsListing.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
import React, { Component } from 'react';
import DocumentTitle from 'react-document-title';
import { connect } from 'react-redux';
import { Localized } from 'fluent-react/compat';
import { Grid, Row } from 'react-bootstrap';
import CampaignTile from './CampaignTile.js';
import CampaignTileCurrent from './CampaignTileCurrent.js';
import './CampaignsListing.css';
class CampaignsListing extends Component {
render() {
let activeCampaign = <div></div>;
if (this.props.activeCampaign) {
const campaign = {...this.props.activeCampaign};
activeCampaign = (<section className="campaign">
<Localized id="campaign-active">
<h1 className="title text--centered">Current campaign</h1>
</Localized>
<Localized id="campaign-active-description">
<p className="text text--lead text--centered"></p>
</Localized>
<CampaignTileCurrent
titleImage={campaign.titleImage}
titleKey={campaign.titleKey}
descriptionKey={campaign.descriptionKey}
durationKey={campaign.durationKey}
buttonKey = {campaign.buttonKey}
linkTarget={campaign.linkTarget}
/>
</section>
)
}
return (
<Localized id="campaigns-document-title" attrs={{title: true}}>
<DocumentTitle>
<React.Fragment>
{activeCampaign}
<section className="campaign-list">
<Localized id="campaign-archive">
<h1 className="title title--extra-extra-large text--centered">Previous campaigns</h1>
</Localized>
<div className="content-contained content-contained--small">
<Localized id="campaign-archive-description">
<p className="text text--lead text--centered"></p>
</Localized>
</div>
<Grid>
<Row className="campaign-list__row">
<CampaignTile
titleImage="/images/dark-funnel.jpg"
titleKey="dark-funnel-title"
descriptionKey="dark-funnel-description"
durationKey="dark-funnel-duration"
linkTarget="https://events.mozilla.org/darkfunnelEN"
></CampaignTile>
</Row>
</Grid>
</section>
</React.Fragment>
</DocumentTitle>
</Localized>
);
}
}
const mapStateToProps = (state) => ({
currentLocales: state.language.currentLocales,
activeCampaign: state.campaign.active,
});
export default connect(mapStateToProps)(CampaignsListing);