-
Notifications
You must be signed in to change notification settings - Fork 7
/
Default.jsx
48 lines (45 loc) · 1.54 KB
/
Default.jsx
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
import React, {Component} from "react";
import Viz from "../Viz/Viz";
import "./Default.css";
export default class Default extends Component {
render() {
const {slug, heading, hideOptions, title, paragraphs, configOverride, loading, filters, resetButton, stats, sources, visualizations, vizHeadingLevel} = this.props;
return (
<div
className={`cp-section-inner cp-default-section-inner cp-${slug}-section-inner ${loading ? "is-loading" : ""}`}
ref={comp => this.section = comp}
>
{/* sidebar */}
<div className="cp-section-content cp-default-section-caption">
{heading}
{filters}
{stats}
{paragraphs}
{sources}
{resetButton}
</div>
{/* caption */}
{visualizations.length
? <div className={`cp-default-section-figure${
visualizations.length > 1 ? " cp-multicolumn-default-section-figure" : ""
}${
visualizations.filter(viz => viz.logic_simple && viz.logic_simple.type === "Graphic").length ? " cp-graphic-viz-grid" : ""
}`}>
{visualizations.map((visualization, ii) =>
<Viz
section={this}
config={visualization}
headingLevel={vizHeadingLevel}
sectionTitle={title}
slug={slug}
hideOptions={hideOptions}
configOverride={configOverride}
key={ii}
/>
)}
</div> : ""
}
</div>
);
}
}