Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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

Rev 4513 Rev 4514
Línea 1... Línea 1...
1 
/* eslint-disable react/prop-types */
 1 
/* eslint-disable react/prop-types */
2 
import React, { useEffect, useState } from "react";
 2 
import React, { useEffect, useState } from "react";
3 
import { axios } from "../../../../../utils";
 3 
import { axios } from "../../../../../utils";
4 
import { addNotification } from "../../../../../redux/notification/notification.actions";
 4 
import { addNotification } from "../../../../../redux/notification/notification.actions";
- 
 
 5 
import EastIcon from '@mui/icons-material/East';
5 
import AddMemberModal from '../../../../../shared/helpers/group-members-helper/AddMemberModal'
 6 
import AddMemberModal from '../../../../../shared/helpers/group-members-helper/AddMemberModal'
6 
import MembersModal from '../../../../../shared/helpers/group-members-helper/MembersModal'
 7 
import MembersModal from '../../../../../shared/helpers/group-members-helper/MembersModal'
7 
import Avatar from "../../../../../shared/Avatar/Avatar";
 8 
import Avatar from "../../../../../shared/Avatar/Avatar";
Línea 8... Línea 9...
8 
 
 9 
 
9 
const Members = ({ groupId, handleFirstLinkInvite }) => {
 10 
const Members = ({ groupId }) => {
10 
    const [members, setMembers] = useState([])
 11 
    const [members, setMembers] = useState([])
11 
    const [addModalShow, setAddModalShow] = useState(false);
 12 
    const [addModalShow, setAddModalShow] = useState(false);
12 
    const [showMembersModal, setShowMembersModal] = useState(false);
 13 
    const [showMembersModal, setShowMembersModal] = useState(false);
Línea 16... Línea 17...
16 
        axios.get(`/helpers/group-members/${groupId}`)
 17 
        axios.get(`/helpers/group-members/${groupId}`)
17 
            .then(({ data }) => {
 18 
            .then(({ data }) => {
18 
                if (data.success) {
 19 
                if (data.success) {
19 
                    setMembers(data.data.items);
 20 
                    setMembers(data.data.items);
20 
                    setLinkInvite(data.data.link_invite)
 21 
                    setLinkInvite(data.data.link_invite)
21 
                    handleFirstLinkInvite(data.data.link_invite)
 - 
 
22 
                }
 22 
                }
23 
            });
 23 
            });
24 
    }
 24 
    }
Línea 25... Línea 25...
25 
 
 25 
 
Línea 41... Línea 41...
41 
    const closeAddModal = () => {
 41 
    const closeAddModal = () => {
42 
        setAddModalShow(false)
 42 
        setAddModalShow(false)
43 
        load()
 43 
        load()
44 
    }
 44 
    }
Línea -... Línea 45...
- 
 
 45 
 
- 
 
 46 
    const openModal = (e) => {
- 
 
 47 
        e.preventDefault();
- 
 
 48 
        setShowMembersModal(true)
- 
 
 49 
    }
45 
 
 50 
 
46 
    return (
 51 
    return (
47 
        <>
 52 
        <>
48 
            <AddMemberModal
 53 
            <AddMemberModal
49 
                isShow={addModalShow}
 54 
                isShow={addModalShow}
Línea 56... Línea 61...
56 
                members={members}
 61 
                members={members}
57 
                handleAction={handleAction}
 62 
                handleAction={handleAction}
58 
            />
 63 
            />
59 
            <div className='suggest__widget'>
 64 
            <div className='suggest__widget'>
60 
                <div className="linked__widget-header">
 65 
                <div className="linked__widget-header">
61 
                    <h3>Miembros</h3>
 66 
                    <h3>{members.length} Miembros</h3>
62 
                </div>
 67 
                </div>
63 
                <div className="members-image__list">
 68 
                <div className="members-image__list">
64 
                    {members.map((member) => {
 69 
                    {members.map((member) => {
65 
                        return <Avatar
 70 
                        return <Avatar
66 
                            key={member.name}
 71 
                            key={member.name}
Línea 68... Línea 73...
68 
                            size='lg'
 73 
                            size='lg'
69 
                            name={member.name}
 74 
                            name={member.name}
70 
                        />
 75 
                        />
71 
                    })}
 76 
                    })}
72 
                </div>
 77 
                </div>
- 
 
 78 
                <a className="load__suggest" onClick={(e) => openModal(e)}>
- 
 
 79 
                    <span>Ver más</span>
- 
 
 80 
                    <EastIcon />
- 
 
 81 
                </a>
73 
            </div>
 82 
            </div>
74 
        </>
 83 
        </>
75 
    );
 84 
    );
76 
};
 85 
};