Proyectos de Subversion LeadersLinked - SPA

Rev

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

Rev 2905 Rev 2906
Línea 9... Línea 9...
9 
 
 9 
 
10 
import Widget from '@components/UI/Widget'
 10 
import Widget from '@components/UI/Widget'
11 
import Cover from '@components/UI/cover/Cover'
 11 
import Cover from '@components/UI/cover/Cover'
12 
import ConfirmModal from '@components/modals/ConfirmModal'
 12 
import ConfirmModal from '@components/modals/ConfirmModal'
- 
 
 13 
import ProfileModal from './ProfileModal'
Línea 13... Línea 14...
13 
import ProfileModal from './ProfileModal'
 14 
import TagsList from '@components/UI/TagsList'
14 
 
 15 
 
15 
const ProfileCard = ({
 16 
const ProfileCard = ({
16 
  cover,
 17 
  cover,
Línea 113... Línea 114...
113 
        cover={cover}
 114 
        cover={cover}
114 
        sizes={sizes?.cover}
 115 
        sizes={sizes?.cover}
115 
        edit={isEdit}
 116 
        edit={isEdit}
116 
        editUrl={`/profile/my-profiles/cover/${userProfileId}/operation/upload`}
 117 
        editUrl={`/profile/my-profiles/cover/${userProfileId}/operation/upload`}
117 
      />
 118 
      />
118 
      <Box>
 119 
      <Widget.Body>
119 
        <Avatar
 120 
        <Avatar
120 
          src={profileImg}
 121 
          src={profileImg}
121 
          alt={fullName}
 122 
          alt={fullName}
122 
          sx={{
 123 
          sx={{
123 
            width: { xs: '100px', lg: '150px' },
 124 
            width: { xs: '100px', lg: '150px' },
Línea 127... Línea 128...
127 
            backgroundColor: '#c9ced4',
 128 
            backgroundColor: '#c9ced4',
128 
            cursor: isEdit ? 'pointer' : 'default'
 129 
            cursor: isEdit ? 'pointer' : 'default'
129 
          }}
 130 
          }}
130 
          onClick={() => isEdit && setModalToShow('image')}
 131 
          onClick={() => isEdit && setModalToShow('image')}
131 
        />
 132 
        />
- 
 
 133 
 
132 
        {isEdit && (
 134 
        {isEdit && (
133 
          <IconButton onClick={() => setModalToShow('overview')}>
 135 
          <IconButton onClick={() => setModalToShow('overview')}>
134 
            <Edit />
 136 
            <Edit />
135 
          </IconButton>
 137 
          </IconButton>
136 
        )}
 138 
        )}
137 
      </Box>
 139 
 
138 
      <Widget.Body>
 - 
 
139 
        <Typography variant='h2'>{fullName}</Typography>
 140 
        <Typography variant='h2'>{fullName}</Typography>
140 
        <Typography>{parse(settedOverview)}</Typography>
 141 
        <Typography>{parse(settedOverview)}</Typography>
Línea 141... Línea 142...
141 
 
 142 
 
142 
        <Box sx={{ display: 'flex', alignItems: 'center', gap: 1 }}>
 143 
        <Box sx={{ display: 'flex', alignItems: 'center', gap: 1 }}>
Línea 159... Línea 160...
159 
            <Link onClick={(e) => e.preventDefault()}>
 160 
            <Link onClick={(e) => e.preventDefault()}>
160 
              {`${following} ${labels.following}`}
 161 
              {`${following} ${labels.following}`}
161 
            </Link>
 162 
            </Link>
162 
          )}
 163 
          )}
163 
        </div>
 164 
        </div>
164 
        <div className='button-actions mt-2'>
 - 
 
165 
          {connectionUrl && isAdded && (
 - 
 
166 
            <Button variant='primary' onClick={() => displayModal()}>
 - 
 
167 
              {labels.cancel}
 - 
 
168 
            </Button>
 - 
 
169 
          )}
 - 
 
170 
          {connectionUrl && !isAdded && (
 - 
 
171 
            <Button variant='primary' onClick={connect}>
 - 
 
172 
              {labels.connect}
 - 
 
173 
            </Button>
 - 
 
174 
          )}
 - 
 
175 
          {showContact && (
 - 
 
176 
            <Button to={linkInmail} LinkComponent={Link} variant='secondary'>
 - 
 
177 
              {labels.message}
 - 
 
178 
            </Button>
 - 
 
179 
          )}
 - 
 
180 
        </div>
 - 
 
Línea 181... Línea -...
181 
 
 - 
 
182 
        <div className='card-experiences'>
 165 
 
183 
          <ul>
 166 
        <TagsList
184 
            {userExperiences?.map(
 - 
 
185 
              ({ company, title, industry, size }, index) => (
 - 
 
186 
                <li key={index}>
 167 
          tags={userExperiences?.map((exp) => ({
187 
                  <span>{`${company} - ${title}`}</span>
 - 
 
188 
                  <p>{`${industry} / ${size}`}</p>
 168 
            name: `${exp.company} - ${exp.title}`,
189 
                </li>
 - 
 
190 
              )
 169 
            value: exp.title
191 
            )}
 - 
 
192 
          </ul>
 170 
          }))}
193 
        </div>
 171 
        />
Línea -... Línea 172...
- 
 
 172 
      </Widget.Body>
- 
 
 173 
 
- 
 
 174 
      <Widget.Actions>
- 
 
 175 
        {connectionUrl && isAdded && (
- 
 
 176 
          <Button variant='primary' onClick={() => displayModal()}>
- 
 
 177 
            {labels.cancel}
- 
 
 178 
          </Button>
- 
 
 179 
        )}
- 
 
 180 
        {connectionUrl && !isAdded && (
- 
 
 181 
          <Button variant='primary' onClick={connect}>
- 
 
 182 
            {labels.connect}
- 
 
 183 
          </Button>
- 
 
 184 
        )}
- 
 
 185 
        {showContact && (
- 
 
 186 
          <Button to={linkInmail} LinkComponent={Link} variant='secondary'>
- 
 
 187 
            {labels.message}
- 
 
 188 
          </Button>
- 
 
 189 
        )}
194 
      </Widget.Body>
 190 
      </Widget.Actions>
195 
 
 191 
 
196 
      <ProfileModal
 192 
      <ProfileModal
197 
        show={modalToShow === 'info'}
 193 
        show={modalToShow === 'info'}
198 
        closeModal={() => closeModal()}
 194 
        closeModal={() => closeModal()}