Proyectos de Subversion LeadersLinked - SPA

Rev

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

Rev 1902 Rev 1903
Línea 1... Línea 1...
1
import React, { useState, useEffect } from 'react'
1
import React, { useState, useEffect } from 'react'
2
import { Box, IconButton } from '@mui/material'
2
import { Box, IconButton } from '@mui/material'
3
import { Edit } from '@mui/icons-material'
3
import { Edit } from '@mui/icons-material'
Línea 4... Línea -...
4
 
-
 
5
import CoverModal from './CoverModal'
4
 
6
import { axios } from '@app/utils'
5
import { axios } from '@app/utils'
7
import { useDispatch } from 'react-redux'
6
import { useDispatch } from 'react-redux'
Línea -... Línea 7...
-
 
7
import { addNotification } from '@app/redux/notification/notification.actions'
-
 
8
 
8
import { addNotification } from '@app/redux/notification/notification.actions'
9
import CoverModal from './CoverModal'
9
 
10
 
10
const Cover = ({
11
const Cover = ({
11
  cover: defaultCover,
12
  cover: defaultCover = '/images/no_cover.jpg',
12
  sizes = '',
13
  sizes = '',
13
  edit = false,
14
  edit = false,
14
  editUrl = ''
15
  editUrl = ''
Línea 51... Línea 52...
51
  return (
52
  return (
52
    <>
53
    <>
53
      <Box
54
      <Box
54
        sx={{
55
        sx={{
55
          width: '100%',
56
          width: '100%',
56
          height: '300px',
57
          maxHeight: '300px',
57
          position: 'relative'
58
          position: 'relative'
58
        }}
59
        }}
59
      >
60
      >
60
        <img src={cover} alt='Profile cover' />
61
        <img src={cover} alt='Profile cover' />
Línea 73... Línea 74...
73
            <Edit />
74
            <Edit />
74
          </IconButton>
75
          </IconButton>
75
        )}
76
        )}
76
      </Box>
77
      </Box>
77
      <CoverModal
78
      <CoverModal
78
        isOpen={showModal}
79
        show={showModal}
79
        size={sizes}
80
        sizes={sizes}
80
        onClose={toggleModal}
81
        onClose={toggleModal}
81
        onComplete={onCoverChange}
82
        onConfirm={onCoverChange}
82
      />
83
      />
83
    </>
84
    </>
84
  )
85
  )
85
}
86
}