Proyectos de Subversion LeadersLinked - SPA

Rev

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

Rev 720 Rev 721
Línea 2... Línea 2...
2 
import { axios } from '../../utils'
 2 
import { axios } from '../../utils'
3 
import { Avatar } from '@mui/material'
 3 
import { Avatar } from '@mui/material'
4 
import { Link, useHistory } from 'react-router-dom'
 4 
import { Link, useHistory } from 'react-router-dom'
5 
import { addNotification } from 'store/notification/notification.actions'
 5 
import { addNotification } from 'store/notification/notification.actions'
6 
import { useDispatch, useSelector } from 'react-redux'
 6 
import { useDispatch, useSelector } from 'react-redux'
7 
import EditIcon from '@mui/icons-material/Edit'
 - 
 
8 
import styled from 'styled-components'
 7 
import styled from 'styled-components'
9 
import Spinner from '../UI/Spinner'
 8 
import Spinner from '../UI/Spinner'
10 
import StyledContainer from '../widgets/WidgetLayout'
 9 
import StyledContainer from '../widgets/WidgetLayout'
11 
import ConfirmModal from '../modals/ConfirmModal'
 10 
import ConfirmModal from '../modals/ConfirmModal'
12 
import {
 11 
import {
Línea 23... Línea 22...
23 
  PersonAddOutlined,
 22 
  PersonAddOutlined,
24 
  PersonRemoveOutlined,
 23 
  PersonRemoveOutlined,
25 
  Remove,
 24 
  Remove,
26 
  SupervisorAccountOutlined
 25 
  SupervisorAccountOutlined
27 
} from '@mui/icons-material'
 26 
} from '@mui/icons-material'
- 
 
 27 
import { device } from '../../styles/MediaQueries'
Línea 28... Línea 28...
28 
 
 28 
 
29 
const StyledSpinnerContainer = styled.div`
 29 
const StyledSpinnerContainer = styled.div`
30 
  position: absolute;
 30 
  position: absolute;
31 
  left: 0;
 31 
  left: 0;
Línea 60... Línea 60...
60 
  text-align: center;
 60 
  text-align: center;
61 
  ul {
 61 
  ul {
62 
    align-items: center;
 62 
    align-items: center;
63 
    display: flex;
 63 
    display: flex;
64 
    justify-content: center;
 64 
    justify-content: center;
- 
 
 65 
    gap: 0.5rem;
- 
 
 66 
    & > button {
- 
 
 67 
      align-items: center;
- 
 
 68 
      border-radius: var(--border-radius);
- 
 
 69 
      cursor: pointer;
- 
 
 70 
      display: inline-flex;
- 
 
 71 
      flex-direction: column;
- 
 
 72 
      font-size: 0.9rem;
- 
 
 73 
      padding: 5px;
- 
 
 74 
      position: relative;
- 
 
 75 
      &:hover {
- 
 
 76 
        background-color: whitesmoke;
- 
 
 77 
      }
- 
 
 78 
      @media ${device.tablet} {
- 
 
 79 
        flex-direction: row;
- 
 
 80 
        gap: 0.5rem;
- 
 
 81 
        font-size: 1rem;
- 
 
 82 
      }
- 
 
 83 
    }
65 
  }
 84 
  }
66 
`
 85 
`
Línea 67... Línea 86...
67 
 
 86 
 
68 
const StyledAvatar = styled(Avatar)`
 87 
const StyledAvatar = styled(Avatar)`
Línea 287... Línea 306...
287 
            {status && <span>{status}</span>}
 306 
            {status && <span>{status}</span>}
288 
            {isTopData && (
 307 
            {isTopData && (
289 
              <ul>
 308 
              <ul>
290 
                {link_view && (
 309 
                {link_view && (
291 
                  <li>
 310 
                  <li>
292 
                    <Link
 - 
 
293 
                      to={link_view}
 311 
                    <Link to={link_view}>
294 
                      data-link={link_view}
 312 
                      <button>
295 
                      className='btn btn-primary'
 - 
 
296 
                    >
 313 
                        <OpenInNew />
297 
                      <EditIcon />
 314 
                        {btnAcceptTitle}
298 
                      {btnAcceptTitle}
 315 
                      </button>
299 
                    </Link>
 316 
                    </Link>
300 
                  </li>
 317 
                  </li>
301 
                )}
 318 
                )}
302 
                {link_inmail && (
 319 
                {link_inmail && (
303 
                  <li>
 320 
                  <li>
304 
                    <Link
 321 
                    <Link to={link_inmail}>
305 
                      to={link_inmail}
 322 
                      <button>
306 
                      data-link={link_inmail}
 323 
                        <ChatOutlined />
307 
                      className='btn btn-tertiary'
 324 
                        {labels.message}
308 
                    >
 325 
                      </button>
309 
                      {labels.message}
 - 
 
310 
                    </Link>
 326 
                    </Link>
311 
                  </li>
 327 
                  </li>
312 
                )}
 328 
                )}
313 
              </ul>
 329 
              </ul>
314 
            )}
 330 
            )}