Proyectos de Subversion LeadersLinked - SPA

Rev

Rev 3682 | Rev 3688 | Ir a la última revisión | Mostrar el archivo completo | | | Autoría | Ultima modificación | Ver Log |

Rev 3682 Rev 3685
Línea 1... Línea 1...
1
import React, { useEffect } from 'react'
1
import React, { useEffect } from 'react';
2
import { useParams } from 'react-router-dom'
2
import { useParams } from 'react-router-dom';
Línea 3... Línea 3...
3
 
3
 
4
import { axios } from '@utils'
4
import { useFetch } from '@hooks';
5
import { useFetch } from '@hooks'
-
 
6
 
5
import { axios } from '@utils';
7
import Row from '@components/common/Row'
-
 
8
import Accessibility from '@components/group/accessibility/Accessibility'
6
import { Spinner } from '@shared/components';
9
import GroupActions from '@components/group/group-actions/GroupActions'
7
import GroupActions from '@groups/components/group-actions/GroupActions';
10
import Industry from '@components/group/industry/Industry'
8
import Overview from '@components/overview/Overview';
11
import Privacy from '@components/group/privacy/Privacy'
9
import Type from '@groups/components/type/Type';
12
import Type from '@components/group/type/Type'
10
import Industry from '@groups/components/industry/Industry';
13
import Website from '@components/group/website/Website'
11
import Privacy from '@pages/account-settings/privacy';
14
import Overview from '@components/overview/Overview'
12
import Accessibility from '@groups/components/accessibility/Accessibility';
Línea 15... Línea 13...
15
import Spinner from '@components/UI/Spinner'
13
import Website from '@groups/components/website/Website';
16
 
14
 
17
const GroupEditPage = () => {
15
const GroupEditPage = () => {
18
  const { uuid } = useParams()
-
 
19
  const { data, isLoading, mutate, refetch } = useFetch(
-
 
Línea 20... Línea 16...
20
    `/group/my-groups/edit/${uuid}`
16
  const { uuid } = useParams();
21
  )
17
  const { data, isLoading, mutate, refetch } = useFetch(`/group/my-groups/edit/${uuid}`);
22
 
18
 
Línea 23... Línea 19...
23
  const updateData = (key, value) => {
19
  const updateData = (key, value) => {
24
    mutate({ ...data, [key]: value })
20
    mutate({ ...data, [key]: value });
25
  }
21
  };
26
 
22
 
27
  const updateAccessibility = async () => {
23
  const updateAccessibility = async () => {
28
    const url = `/group/my-groups/accessibility/${uuid}`
24
    const url = `/group/my-groups/accessibility/${uuid}`;
29
    const accessibilityData = new FormData()
25
    const accessibilityData = new FormData();
30
    accessibilityData.append('accessibility', 'aa')
26
    accessibilityData.append('accessibility', 'aa');
31
 
27
 
32
    const response = await axios.post(url, accessibilityData)
28
    const response = await axios.post(url, accessibilityData);
Línea 33... Línea 29...
33
 
29
 
34
    const { data, success } = response.data
30
    const { data, success } = response.data;
35
    if (success) return data
31
    if (success) return data;
36
  }
-
 
37
 
-
 
38
  useEffect(() => {
32
  };
39
    if (data.privacy === 'Privado' && data.accessibility !== 'aa') {
33
 
Línea 40... Línea 34...
40
      updateAccessibility().then((accessibility) =>
34
  useEffect(() => {
41
        updateData('accessibility', accessibility)
35
    if (data.privacy === 'Privado' && data.accessibility !== 'aa') {
42
      )
36
      updateAccessibility().then((accessibility) => updateData('accessibility', accessibility));
Línea 43... Línea 37...
43
    }
37
    }
44
  }, [data.privacy])
38
  }, [data.privacy]);
45
 
39
 
Línea 46... Línea 40...
46
  if (isLoading) {
40
  if (isLoading) {
47
    return <Spinner />
41
    return <Spinner />;
48
  }
42
  }
Línea 85... Línea 79...
85
      <Accessibility
79
      <Accessibility
86
        groupId={uuid}
80
        groupId={uuid}
87
        accessibility={data?.accessibility}
81
        accessibility={data?.accessibility}
88
        accessibilities={data?.accessibilities}
82
        accessibilities={data?.accessibilities}
89
        privacy={data?.privacy}
83
        privacy={data?.privacy}
90
        onEdit={(newAccessibility) =>
-
 
91
          updateData('accessibility', newAccessibility)
84
        onEdit={(newAccessibility) => updateData('accessibility', newAccessibility)}
92
        }
-
 
93
        edit
85
        edit
94
      />
86
      />
Línea 95... Línea 87...
95
 
87
 
96
      <Website
88
      <Website
97
        groupId={uuid}
89
        groupId={uuid}
98
        website={data?.website}
90
        website={data?.website}
99
        onEdit={(newWebsite) => updateData('website', newWebsite)}
91
        onEdit={(newWebsite) => updateData('website', newWebsite)}
100
        edit
92
        edit
101
      />
93
      />
102
    </Row>
94
    </>
103
  )
95
  );
Línea 104... Línea 96...
104
}
96
};