Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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

Rev 7260 Rev 7262
Línea 2... Línea 2...
2 
import { axios } from '../../utils'
 2 
import { axios } from '../../utils'
3 
import { useDispatch } from 'react-redux'
 3 
import { useDispatch } from 'react-redux'
4 
import { addNotification } from '../../redux/notification/notification.actions'
 4 
import { addNotification } from '../../redux/notification/notification.actions'
5 
import IconButton from '@mui/material/IconButton'
 5 
import IconButton from '@mui/material/IconButton'
6 
import AddRounded from '@mui/icons-material/AddRounded'
 6 
import AddRounded from '@mui/icons-material/AddRounded'
- 
 
 7 
import { styled } from 'styled-components'
Línea 7... Línea 8...
7 
 
 8 
 
8 
import Spinner from '../UI/Spinner'
 9 
import Spinner from '../UI/Spinner'
- 
 
 10 
import LoaderContainer from '../UI/LoaderContainer'
- 
 
 11 
import WidgetLayout from '../widgets/WidgetLayout'
Línea -... Línea 12...
- 
 
 12 
import { Avatar } from '@mui/material'
- 
 
 13 
 
- 
 
 14 
const ContactTemplate = styled.div`
- 
 
 15 
  display: flex;
- 
 
 16 
  align-items: center;
- 
 
 17 
  gap: 0.5rem;
- 
 
 18 
  h3 {
- 
 
 19 
    font-size: 1rem;
- 
 
 20 
    color: var(--subtitle-color);
- 
 
 21 
  }
9 
import LoaderContainer from '../UI/LoaderContainer'
 22 
`
10 
 
 23 
 
11 
const AddMember = ({ group }) => {
 24 
const AddMember = ({ group, changeTab }) => {
12 
  const { url_add_user_to_group, url_get_contacts_availables_for_group } = group
 25 
  const { url_add_user_to_group, url_get_contacts_availables_for_group } = group
13 
  const [contacts, setContacts] = useState([])
 26 
  const [contacts, setContacts] = useState([])
Línea 76... Línea 89...
76 
  useEffect(() => {
 89 
  useEffect(() => {
77 
    getContacts()
 90 
    getContacts()
78 
  }, [])
 91 
  }, [])
Línea 79... Línea 92...
79 
 
 92 
 
- 
 
 93 
  return (
- 
 
 94 
    <WidgetLayout>
80 
  return (
 95 
      <IconButton onClick={() => changeTab('DEFAULT')}>
- 
 
 96 
        <AddRounded />
- 
 
 97 
      </IconButton>
81 
    <div className="add-member">
 98 
 
82 
      <ul>
 99 
      <ul>
83 
        {contacts.map((member) => (
 100 
        {contacts.map((member) => (
84 
          <li key={member.id}>
 101 
          <li key={member.id}>
85 
            <AddMember.Item
 102 
            <AddMember.Item
Línea 92... Línea 109...
92 
      {loading && (
 109 
      {loading && (
93 
        <LoaderContainer>
 110 
        <LoaderContainer>
94 
          <Spinner />
 111 
          <Spinner />
95 
        </LoaderContainer>
 112 
        </LoaderContainer>
96 
      )}
 113 
      )}
97 
    </div>
 114 
    </WidgetLayout>
98 
  )
 115 
  )
99 
}
 116 
}
Línea 100... Línea 117...
100 
 
 117 
 
101 
const Item = ({ image, name, onClick }) => {
 118 
const Item = ({ image, name, onClick }) => {
102 
  return (
 119 
  return (
103 
    <div className="entity">
 120 
    <ContactTemplate>
104 
      <img src={image} alt={`user_${name}-image`} />
 121 
      <Avatar src={image} alt={`user_${name}-image`} />
105 
      <span>{name}</span>
 122 
      <h3>{name}</h3>
106 
      <IconButton onClick={onClick}>
 123 
      <IconButton onClick={onClick}>
107 
        <AddRounded />
 124 
        <AddRounded />
108 
      </IconButton>
 125 
      </IconButton>
109 
    </div>
 126 
    </ContactTemplate>
110 
  )
 127 
  )
Línea 111... Línea 128...
111 
}
 128 
}