Proyectos de Subversion LeadersLinked - SPA

Rev

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

Rev 929 Rev 931
Línea 3... Línea 3...
3 
import { Avatar } from '@mui/material'
 3 
import { Avatar } from '@mui/material'
4 
import { useHistory } from 'react-router-dom'
 4 
import { 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 styled from 'styled-components'
 7 
import styled from 'styled-components'
8 
import { device } from '../../styles/MediaQueries'
 - 
 
Línea 9... Línea 8...
9 
 
 8 
 
10 
import Spinner from '../UI/Spinner'
 9 
import Spinner from '../UI/Spinner'
11 
import StyledContainer from '../widgets/WidgetLayout'
 10 
import StyledContainer from '../widgets/WidgetLayout'
- 
 
 11 
import ConfirmModal from '../modals/ConfirmModal'
12 
import ConfirmModal from '../modals/ConfirmModal'
 12 
import {
13 
import ButtonPrimary from 'components/UI/buttons/ButtonPrimary'
 13 
  ButtonPrimary,
- 
 
 14 
  ButtonSecondary,
14 
import ButtonSecondary from 'components/UI/buttons/ButtonSecondary'
 15 
  ButtonTertiary
Línea 15... Línea 16...
15 
import ButtonTertiary from 'components/UI/buttons/ButtonTertiary'
 16 
} from 'components/UI/buttons/Buttons'
16 
 
 17 
 
17 
const StyledSpinnerContainer = styled.div`
 18 
const StyledSpinnerContainer = styled.div`
18 
  position: absolute;
 19 
  position: absolute;
Línea 49... Línea 50...
49 
  ul {
 50 
  ul {
50 
    align-items: center;
 51 
    align-items: center;
51 
    display: flex;
 52 
    display: flex;
52 
    justify-content: center;
 53 
    justify-content: center;
53 
    gap: 0.5rem;
 54 
    gap: 0.5rem;
54 
    button {
 - 
 
55 
      align-items: center;
 - 
 
56 
      border-radius: var(--border-radius);
 - 
 
57 
      cursor: pointer;
 - 
 
58 
      display: inline-flex;
 - 
 
59 
      flex-direction: column;
 - 
 
60 
      font-size: 0.9rem;
 - 
 
61 
      padding: 5px;
 - 
 
62 
      position: relative;
 - 
 
63 
      &:hover {
 - 
 
64 
        background-color: whitesmoke;
 - 
 
65 
      }
 - 
 
66 
      @media ${device.tablet} {
 - 
 
67 
        flex-direction: row;
 - 
 
68 
        gap: 0.5rem;
 - 
 
69 
        font-size: 1rem;
 - 
 
70 
      }
 - 
 
71 
    }
 - 
 
72 
  }
 55 
  }
73 
`
 56 
`
Línea 74... Línea 57...
74 
 
 57 
 
75 
const Actions = styled.div`
 58 
const Actions = styled.div`
Línea 241... Línea 224...
241 
              </ul>
 224 
              </ul>
242 
            )}
 225 
            )}
243 
          </StyledContent>
 226 
          </StyledContent>
244 
        </StyledHeader>
 227 
        </StyledHeader>
245 
        <Actions>
 228 
        <Actions>
246 
          {link_view ? (
 229 
          {link_view && !isTopData ? (
247 
            <ButtonPrimary
 230 
            <ButtonPrimary
248 
              onClick={() => navigateTo(link_view)}
 231 
              onClick={() => navigateTo(link_view)}
249 
              label={btnAcceptTitle || labels.view_profile}
 232 
              label={btnAcceptTitle || labels.view_profile}
250 
            />
 233 
            />
251 
          ) : null}
 234 
          ) : null}
Línea 262... Línea 245...
262 
              onClick={() => onConfirm(link_accept)}
 245 
              onClick={() => onConfirm(link_accept)}
263 
              label={labels.accept}
 246 
              label={labels.accept}
264 
            />
 247 
            />
265 
          ) : null}
 248 
          ) : null}
Línea 266... Línea 249...
266 
 
 249 
 
267 
          {link_inmail ? (
 250 
          {link_inmail && !isTopData ? (
268 
            <ButtonSecondary
 251 
            <ButtonSecondary
269 
              onClick={() => navigateTo(link_inmail)}
 252 
              onClick={() => navigateTo(link_inmail)}
270 
              label={labels.message}
 253 
              label={labels.message}
271 
            />
 254 
            />