Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

Rev 2451 | Ir a la última revisión | | Ultima modificación | Ver Log |

Rev Autor Línea Nro. Línea
1 www 1 
import React from "react";
2 
import { connect } from "react-redux";
3 
import { addNotification } from "../../../../redux/notification/notification.actions";
4 
import Accessibility from "./accessibility/Accessibility";
5 
import Cover from "./cover/Cover";
6 
import GroupProfile from "./group-profile/GroupProfile";
7 
import Industry from "./industry/Industry";
8 
import Overview from "./overview/Overview";
9 
import Privacy from "./privacy/Privacy";
10 
import Type from "./type/Type";
11 
import Website from "./website/Website";
12 
 
13 
const Edit = (props) => {
14 
  // props destructuring
15 
 
16 
  // backendVars destructuring
17 
  const {
18 
    groupId,
19 
    cover,
20 
    imageSizeCover,
21 
    image,
22 
    imageProfileCover,
23 
    totalMembers,
24 
    name,
25 
    overview,
26 
    groupType,
27 
    groupTypes,
28 
    industry,
29 
    industries,
30 
    privacy,
31 
    privacies,
32 
    accessibility,
33 
    accessibilities,
34 
    website,
35 
  } = props.backendVars;
36 
 
37 
  // redux destructuring
38 
  const { addNotification } = props;
39 
  return (
40 
    <React.Fragment>
41 
      <Cover
42 
        cover={cover}
43 
        groupId={groupId}
44 
        imageSizeCover={imageSizeCover}
45 
        addNotification={addNotification}
46 
      />
47 
      <main>
48 
        <div className="main-section">
49 
          <div className="container">
50 
            <div className="main-section-data">
51 
              <div className="row">
52 
                <div className="col-lg-3">
53 
                  <div className="main-left-sidebar">
54 
                    <GroupProfile
55 
                      groupId={groupId}
56 
                      image={image}
57 
                      imageProfileCover={imageProfileCover}
58 
                      addNotification={addNotification}
59 
                      totalMembers={totalMembers}
60 
                    />
61 
                    {/* <!--user_profile end--> */}
62 
                  </div>
63 
                  {/* <!--main-left-sidebar end--> */}
64 
                </div>
65 
                <div className="col-lg-6">
66 
                  <div className="main-ws-sec">
67 
                    <div className="user-tab-sec rewivew">
68 
                      <h3>{name}</h3>
69 
                    </div>
70 
                    {/* <!--user-tab-sec start--> */}
71 
                    <Overview
72 
                      groupId={groupId}
73 
                      overview={overview}
74 
                      addNotification={addNotification}
75 
                    />
76 
                    {/* <!--user-tab-sec endit--> */}
77 
 
78 
                    {/* <!--user-tab-sec start--> */}
79 
                    <Type
80 
                      groupId={groupId}
81 
                      groupType={groupType}
82 
                      groupTypes={groupTypes}
83 
                      addNotification={addNotification}
84 
                    />
85 
                    {/* <!--user-tab-sec endit--> */}
86 
 
87 
                    {/* <!--user-tab-sec start--> */}
88 
                    <Industry
89 
                      groupId={groupId}
90 
                      industry={industry}
91 
                      industries={industries}
92 
                      addNotification={addNotification}
93 
                    />
94 
                    {/* <!--user-tab-sec endit--> */}
95 
 
96 
                    {/* <!--user-tab-sec start--> */}
97 
                    <Privacy
98 
                      groupId={groupId}
99 
                      privacy={privacy}
100 
                      privacies={privacies}
101 
                      addNotification={addNotification}
102 
                    />
103 
                    {/* <!--user-tab-sec endit--> */}
104 
 
105 
                    {/* <!--user-tab-sec start--> */}
106 
                    <Accessibility
107 
                      groupId={groupId}
108 
                      accessibility={accessibility}
109 
                      accessibilities={accessibilities}
110 
                      addNotification={addNotification}
111 
                    />
112 
                    {/* <!--user-tab-sec endit--> */}
113 
 
114 
                    {/* <!--user-tab-sec start--> */}
115 
                    <Website
116 
                      groupId={groupId}
117 
                      website={website}
118 
                      addNotification={addNotification}
119 
                    />
120 
                    {/* <!--user-tab-sec endit--> */}
121 
 
122 
                    {/* <!--user-profile-ov end--> */}
123 
                  </div>
124 
                  {/* <!--main-ws-sec end--> */}
125 
                </div>
126 
                <div className="col-lg-3">
127 
                  <div className="right-sidebar">
128 
                    {/* <?php //echo $this->peopleViewedProfileHelper($user_profile_id)
129 
 
130 
                        ?> */}
131 
                  </div>
132 
                  {/* <!--right-sidebar end--> */}
133 
                </div>
134 
              </div>
135 
            </div>
136 
            {/* <!-- main-section-data end--> */}
137 
          </div>
138 
        </div>
139 
      </main>
140 
    </React.Fragment>
141 
  );
142 
};
143 
 
144 
// const mapStateToProps = (state) => ({});
145 
 
146 
const mapDispatchToProps = {
147 
  addNotification: (notification) => addNotification(notification),
148 
};
149 
 
150 
export default connect(null, mapDispatchToProps)(Edit);