Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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

Rev Autor Línea Nro. Línea
4638 stevensc 1 
/* eslint-disable react/prop-types */
5861 stevensc 2 
import React, { useState } from 'react'
3 
import { connect } from 'react-redux'
4 
import { addNotification } from '../../../../../../redux/notification/notification.actions'
5 
import GroupActions from '../../../../../view/templates/linkedin/components/GroupActions'
6 
import Accessibility from '../components/accessibility/Accessibility'
7 
import Industry from '../components/industry/Industry'
8 
import Overview from '../components/overview/Overview'
9 
import Privacy from '../components/privacy/Privacy'
10 
import Type from '../components/type/Type'
11 
import Website from '../components/website/Website'
4648 stevensc 12 
import '../styles/index.scss'
4638 stevensc 13 
 
14 
const Edit = (props) => {
5861 stevensc 15 
  const {
16 
    groupId,
17 
    overview,
18 
    groupType,
19 
    groupTypes,
20 
    industry,
21 
    industries,
22 
    privacy,
23 
    privacies,
24 
    accessibility,
25 
    accessibilities,
26 
    website,
27 
    addNotification, // redux destructuring
28 
  } = props
29 
  const [settedPrivacy, setSettedPrivacy] = useState(privacy)
30 
  const [settedAccesibility, setSettedAccesibility] = useState(accessibility)
4638 stevensc 31 
 
5861 stevensc 32 
  return (
33 
    <main className="w-100">
34 
      <div className="container">
35 
        <div className="main d-flex flex-column" style={{ gap: '1rem' }}>
36 
          <GroupActions {...props} />
37 
          <Overview
38 
            groupId={groupId}
39 
            overview={overview}
40 
            addNotification={addNotification}
41 
          />
42 
          <Type
43 
            groupId={groupId}
44 
            groupType={groupType}
45 
            groupTypes={groupTypes}
46 
            addNotification={addNotification}
47 
          />
48 
          <Industry
49 
            groupId={groupId}
50 
            industry={industry}
51 
            industries={industries}
52 
            addNotification={addNotification}
53 
          />
54 
          <Privacy
55 
            groupId={groupId}
56 
            privacy={privacy}
57 
            privacies={privacies}
58 
            addNotification={addNotification}
59 
            setSettedPrivacy={setSettedPrivacy}
60 
            settedPrivacy={settedPrivacy}
61 
            setSettedAccesibility={setSettedAccesibility}
62 
          />
63 
          <Accessibility
64 
            groupId={groupId}
65 
            accessibility={settedAccesibility}
66 
            accessibilities={accessibilities}
67 
            addNotification={addNotification}
68 
            privacy={settedPrivacy}
69 
            setSettedAccesibility={setSettedAccesibility}
70 
          />
71 
          <Website
72 
            groupId={groupId}
73 
            website={website}
74 
            addNotification={addNotification}
75 
          />
76 
        </div>
77 
      </div>
78 
    </main>
79 
  )
80 
}
4638 stevensc 81 
 
82 
const mapDispatchToProps = {
5861 stevensc 83 
  addNotification: (notification) => addNotification(notification),
84 
}
4638 stevensc 85 
 
5861 stevensc 86 
export default connect(null, mapDispatchToProps)(Edit)