Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

Rev 3626 | | Comparar con el anterior | Ultima modificación | Ver Log |

Rev Autor Línea Nro. Línea
3626 stevensc 1 
/* eslint-disable react/prop-types */
5099 stevensc 2 
import React, { useState } from 'react'
3 
import { connect } from 'react-redux'
4 
import { addNotification } from '../../../../redux/notification/notification.actions'
5 
import Accessibility from './accessibility/Accessibility'
6 
import Cover from './cover/Cover'
7 
import GroupProfile from './group-profile/GroupProfile'
8 
import Industry from './industry/Industry'
9 
import Overview from './overview/Overview'
10 
import Privacy from './privacy/Privacy'
11 
import Type from './type/Type'
12 
import Website from './website/Website'
1 www 13 
 
5099 stevensc 14 
const Edit = ({
15 
  groupId,
16 
  cover,
17 
  imageSizeCover,
18 
  image,
19 
  imageProfileCover,
20 
  totalMembers,
21 
  name,
22 
  overview,
23 
  groupType,
24 
  groupTypes,
25 
  industry,
26 
  industries,
27 
  privacy,
28 
  privacies,
29 
  accessibility,
30 
  accessibilities,
31 
  website,
32 
  addNotification // Redux action
33 
}) => {
34 
  const [settedPrivacy, setSettedPrivacy] = useState(privacy)
35 
  const [settedAccesibility, setSettedAccesibility] = useState(accessibility)
1 www 36 
 
37 
  return (
5099 stevensc 38 
    <>
1 www 39 
      <Cover
40 
        cover={cover}
41 
        groupId={groupId}
42 
        imageSizeCover={imageSizeCover}
43 
        addNotification={addNotification}
44 
      />
5099 stevensc 45 
      <main className="main-section-data container px-0">
46 
        <div className="main-left-sidebar">
47 
          <GroupProfile
48 
            groupId={groupId}
49 
            image={image}
50 
            imageProfileCover={imageProfileCover}
51 
            addNotification={addNotification}
52 
            totalMembers={totalMembers}
53 
          />
54 
        </div>
55 
        <div className="feed-section">
56 
          <div className="user-tab-sec rewivew">
57 
            <h3>{name}</h3>
1 www 58 
          </div>
5099 stevensc 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 
          />
1 www 98 
        </div>
5099 stevensc 99 
        <div className="right-sidebar">
100 
        </div>
1 www 101 
      </main>
5099 stevensc 102 
    </>
103 
  )
104 
}
1 www 105 
 
106 
const mapDispatchToProps = {
5099 stevensc 107 
  addNotification: (notification) => addNotification(notification)
108 
}
1 www 109 
 
5099 stevensc 110 
export default connect(null, mapDispatchToProps)(Edit)