Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

Rev 3626 | Mostrar el archivo completo | | | Autoría | Ultima modificación | Ver Log |

Rev 3626 Rev 5099
Línea 1... Línea 1...
1
/* eslint-disable react/prop-types */
1
/* eslint-disable react/prop-types */
2
import React, { useState } from "react";
2
import React, { useState } from 'react'
3
import { connect } from "react-redux";
3
import { connect } from 'react-redux'
4
import { addNotification } from "../../../../redux/notification/notification.actions";
4
import { addNotification } from '../../../../redux/notification/notification.actions'
5
import Accessibility from "./accessibility/Accessibility";
5
import Accessibility from './accessibility/Accessibility'
6
import Cover from "./cover/Cover";
6
import Cover from './cover/Cover'
7
import GroupProfile from "./group-profile/GroupProfile";
7
import GroupProfile from './group-profile/GroupProfile'
8
import Industry from "./industry/Industry";
8
import Industry from './industry/Industry'
9
import Overview from "./overview/Overview";
9
import Overview from './overview/Overview'
10
import Privacy from "./privacy/Privacy";
10
import Privacy from './privacy/Privacy'
11
import Type from "./type/Type";
11
import Type from './type/Type'
12
import Website from "./website/Website";
12
import Website from './website/Website'
13
 
13
 
14
const Edit = (props) => {
14
const Edit = ({
15
 
-
 
16
  // backendVars destructuring
-
 
17
  const {
-
 
18
    groupId,
15
  groupId,
19
    cover,
16
  cover,
20
    imageSizeCover,
17
  imageSizeCover,
21
    image,
18
  image,
22
    imageProfileCover,
19
  imageProfileCover,
23
    totalMembers,
20
  totalMembers,
24
    name,
21
  name,
25
    overview,
22
  overview,
26
    groupType,
23
  groupType,
27
    groupTypes,
24
  groupTypes,
28
    industry,
25
  industry,
29
    industries,
26
  industries,
30
    privacy,
27
  privacy,
31
    privacies,
28
  privacies,
32
    accessibility,
29
  accessibility,
33
    accessibilities,
30
  accessibilities,
34
    website,
31
  website,
35
  } = props.backendVars;
-
 
36
 
-
 
37
  // redux destructuring
-
 
38
  const { addNotification } = props;
32
  addNotification // Redux action
39
 
33
}) => {
40
  const [settedPrivacy, setSettedPrivacy] = useState(privacy);
34
  const [settedPrivacy, setSettedPrivacy] = useState(privacy)
41
  const [settedAccesibility, setSettedAccesibility] = useState(accessibility);
35
  const [settedAccesibility, setSettedAccesibility] = useState(accessibility)
Línea 42... Línea 36...
42
 
36
 
43
  return (
37
  return (
44
    <React.Fragment>
38
    <>
45
      <Cover
39
      <Cover
46
        cover={cover}
40
        cover={cover}
47
        groupId={groupId}
41
        groupId={groupId}
48
        imageSizeCover={imageSizeCover}
42
        imageSizeCover={imageSizeCover}
49
        addNotification={addNotification}
43
        addNotification={addNotification}
50
      />
-
 
51
      <main>
-
 
52
        <div className="main-section">
-
 
53
          <div className="container">
44
      />
54
            <div className="main-section-data">
45
      <main className="main-section-data container px-0">
55
              <div className="main-left-sidebar">
46
        <div className="main-left-sidebar">
56
                <GroupProfile
47
          <GroupProfile
57
                  groupId={groupId}
48
            groupId={groupId}
58
                  image={image}
49
            image={image}
59
                  imageProfileCover={imageProfileCover}
50
            imageProfileCover={imageProfileCover}
60
                  addNotification={addNotification}
51
            addNotification={addNotification}
61
                  totalMembers={totalMembers}
52
            totalMembers={totalMembers}
62
                />
53
          />
63
              </div>
54
        </div>
64
              <div className="main-ws-sec">
55
        <div className="feed-section">
65
                <div className="user-tab-sec rewivew">
56
          <div className="user-tab-sec rewivew">
66
                  <h3>{name}</h3>
-
 
67
                </div>
-
 
68
                <Overview
-
 
69
                  groupId={groupId}
-
 
70
                  overview={overview}
-
 
71
                  addNotification={addNotification}
-
 
72
                />
-
 
73
                <Type
-
 
74
                  groupId={groupId}
-
 
75
                  groupType={groupType}
-
 
76
                  groupTypes={groupTypes}
-
 
77
                  addNotification={addNotification}
-
 
78
                />
-
 
79
                <Industry
-
 
80
                  groupId={groupId}
-
 
81
                  industry={industry}
-
 
82
                  industries={industries}
-
 
83
                  addNotification={addNotification}
-
 
84
                />
-
 
85
                <Privacy
-
 
86
                  groupId={groupId}
-
 
87
                  privacy={privacy}
-
 
88
                  privacies={privacies}
-
 
89
                  addNotification={addNotification}
-
 
90
                  setSettedPrivacy={setSettedPrivacy}
-
 
91
                  settedPrivacy={settedPrivacy}
-
 
92
                  setSettedAccesibility={setSettedAccesibility}
-
 
93
                />
-
 
94
                <Accessibility
-
 
95
                  groupId={groupId}
-
 
96
                  accessibility={settedAccesibility}
-
 
97
                  accessibilities={accessibilities}
-
 
98
                  addNotification={addNotification}
-
 
99
                  privacy={settedPrivacy}
-
 
100
                  setSettedAccesibility={setSettedAccesibility}
-
 
101
                />
-
 
102
                <Website
-
 
103
                  groupId={groupId}
-
 
104
                  website={website}
-
 
105
                  addNotification={addNotification}
-
 
106
                />
-
 
107
              </div>
-
 
108
              <div className="right-sidebar">
-
 
109
              </div>
-
 
110
            </div>
57
            <h3>{name}</h3>
-
 
58
          </div>
-
 
59
          <Overview
-
 
60
            groupId={groupId}
-
 
61
            overview={overview}
-
 
62
            addNotification={addNotification}
-
 
63
          />
-
 
64
          <Type
-
 
65
            groupId={groupId}
-
 
66
            groupType={groupType}
-
 
67
            groupTypes={groupTypes}
-
 
68
            addNotification={addNotification}
-
 
69
          />
-
 
70
          <Industry
-
 
71
            groupId={groupId}
-
 
72
            industry={industry}
-
 
73
            industries={industries}
-
 
74
            addNotification={addNotification}
-
 
75
          />
-
 
76
          <Privacy
-
 
77
            groupId={groupId}
-
 
78
            privacy={privacy}
-
 
79
            privacies={privacies}
-
 
80
            addNotification={addNotification}
-
 
81
            setSettedPrivacy={setSettedPrivacy}
-
 
82
            settedPrivacy={settedPrivacy}
-
 
83
            setSettedAccesibility={setSettedAccesibility}
-
 
84
          />
-
 
85
          <Accessibility
-
 
86
            groupId={groupId}
-
 
87
            accessibility={settedAccesibility}
-
 
88
            accessibilities={accessibilities}
-
 
89
            addNotification={addNotification}
-
 
90
            privacy={settedPrivacy}
-
 
91
            setSettedAccesibility={setSettedAccesibility}
-
 
92
          />
-
 
93
          <Website
-
 
94
            groupId={groupId}
-
 
95
            website={website}
-
 
96
            addNotification={addNotification}
-
 
97
          />
-
 
98
        </div>
111
          </div>
99
        <div className="right-sidebar">
112
        </div>
100
        </div>
113
      </main>
101
      </main>
114
    </React.Fragment>
102
    </>
115
  );
103
  )
Línea 116... Línea 104...
116
};
104
}
117
 
105
 
118
const mapDispatchToProps = {
106
const mapDispatchToProps = {
Línea 119... Línea 107...
119
  addNotification: (notification) => addNotification(notification),
107
  addNotification: (notification) => addNotification(notification)