Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

Rev 310 | Rev 332 | Ir a la última revisión | | Comparar con el anterior | Ultima modificación | Ver Log |

Rev Autor Línea Nro. Línea
306 geraldo 1 
import React from "react";
2 
import Question from "../question/Question";
3 
 
4 
const Section = (props) => {
307 geraldo 5 
 
306 geraldo 6 
    // get props
7 
    const { section } = props;
8 
 
9 
    return (
312 geraldo 10 
 
11 
        <div className="panel-group">
12 
            <div className="panel panel-default" id={`panel-${section.slug_section}`}>
13 
                <div className="panel-heading">
14 
                    <h4 className="panel-title">
15 
                        <a
16 
                            className="accordion-toggle"
17 
                            data-toggle="collapse"
18 
                            data-parent={`#panel-${section.slug_section}`}
19 
                            aria-expanded="true"
20 
                            href={`#${section.slug_section}`}>
21 
                            {section.name}</a>
22 
                    </h4>
23 
                </div>
24 
                <div id={section.slug_section} className="panel-collapse in collapse show">
25 
                    <div className="panel-body">
26 
                        <div
27 
                            dangerouslySetInnerHTML={{ __html: section.text }}
28 
                            className="description"
29 
                        />
30 
                        <div className="row">
31 
                            {section.questions.map((question, key) => {
32 
                                return <Question question={question} key={key} />;
33 
                            })}
34 
                        </div>
35 
                    </div>
36 
                </div>
306 geraldo 37 
            </div>
38 
        </div>
312 geraldo 39 
 
40 
 
41 
 
306 geraldo 42 
    )
43 
}
44 
 
45 
export default Section;