Proyectos de Subversion LeadersLinked - SPA

Rev

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

Rev 1934 Rev 2142
Línea 1... Línea 1...
1
import React, { useState, useEffect } from 'react'
1
import React, { useState, useEffect } from 'react'
2
import { Link, useLocation } from 'react-router-dom'
2
import { Link, useLocation } from 'react-router-dom'
3
import { useDispatch, useSelector } from 'react-redux'
3
import { useDispatch, useSelector } from 'react-redux'
4
import parse from 'html-react-parser'
4
import { Avatar, IconButton } from '@mui/material'
5
import EditIcon from '@mui/icons-material/EditOutlined'
5
import EditIcon from '@mui/icons-material/EditOutlined'
-
 
6
import parse from 'html-react-parser'
Línea 6... Línea 7...
6
 
7
 
7
import { axios } from 'utils/index'
8
import { axios } from 'utils/index'
Línea 8... Línea 9...
8
import { addNotification } from '../../redux/notification/notification.actions'
9
import { addNotification } from '../../redux/notification/notification.actions'
9
 
10
 
10
import Modal from 'components/UI/modal/Modal'
11
import Modal from 'components/UI/modal/Modal'
11
import ConfirmModal from 'components/modals/ConfirmModal'
12
import ConfirmModal from 'components/modals/ConfirmModal'
12
import ImageModal from 'components/modals/ImageModal'
13
import ImageModal from 'components/modals/ImageModal'
13
import OverviewModal from 'components/overview/OverviewModal'
14
import OverviewModal from 'components/overview/OverviewModal'
14
import Cover from '../UI/cover/Cover'
-
 
Línea 15... Línea 15...
15
import WidgetWrapper from '../widgets/WidgetLayout'
15
import Cover from '../UI/cover/Cover'
16
import { Avatar, IconButton } from '@mui/material'
16
import WidgetWrapper from '../widgets/WidgetLayout'
17
 
17
 
18
const ProfileCard = ({
18
const ProfileCard = ({
Línea 275... Línea 275...
275
    <Modal title={labels.personal_info} show={show} onClose={closeModal}>
275
    <Modal title={labels.personal_info} show={show} onClose={closeModal}>
276
      <div className='description__label'>
276
      <div className='description__label'>
277
        <label htmlFor='name'>{labels.first_name}</label>
277
        <label htmlFor='name'>{labels.first_name}</label>
278
        <p>{fullName}</p>
278
        <p>{fullName}</p>
279
      </div>
279
      </div>
280
      {overview && (
280
      {!!overview && (
281
        <div className='description__label'>
281
        <div className='description__label'>
282
          <label htmlFor='name'>{labels.description}</label>
282
          <label htmlFor='name'>{labels.description}</label>
283
          {overview && parse(overview)}
283
          {parse(overview)}
284
        </div>
284
        </div>
285
      )}
285
      )}
286
      {formatted_address && (
286
      {!!formatted_address && (
287
        <div className='description__label'>
287
        <div className='description__label'>
288
          <label htmlFor='name'>{labels.location}</label>
288
          <label htmlFor='name'>{labels.location}</label>
289
          <p>{formatted_address}</p>
289
          <p>{formatted_address}</p>
290
        </div>
290
        </div>
291
      )}
291
      )}
292
      {total_connections && (
292
      {!!total_connections && (
293
        <div className='description__label'>
293
        <div className='description__label'>
294
          <label htmlFor='name'>{labels.connections}</label>
294
          <label htmlFor='name'>{labels.connections}</label>
295
          <p>{total_connections}</p>
295
          <p>{total_connections}</p>
296
        </div>
296
        </div>
297
      )}
297
      )}
298
      {follower && (
298
      {!!follower && (
299
        <div className='description__label'>
299
        <div className='description__label'>
300
          <label htmlFor='name'>{labels.followers}</label>
300
          <label htmlFor='name'>{labels.followers}</label>
301
          <p>{follower}</p>
301
          <p>{follower}</p>
302
        </div>
302
        </div>
303
      )}
303
      )}
304
      {following && (
304
      {!!following && (
305
        <div className='description__label'>
305
        <div className='description__label'>
306
          <label htmlFor='name'>{labels.following}</label>
306
          <label htmlFor='name'>{labels.following}</label>
307
          <p>{following}</p>
307
          <p>{following}</p>
308
        </div>
308
        </div>
309
      )}
309
      )}
310
      <div className='description__label'>
310
      <div className='description__label'>
311
        <label htmlFor='name'>{labels.social_networks}</label>
311
        <label htmlFor='name'>{labels.social_networks}</label>
312
        {facebook && (
312
        {!!facebook && (
313
          <a href={facebook} target='_blank' rel='noreferrer'>
313
          <a href={facebook} target='_blank' rel='noreferrer'>
314
            <p className='mb-1'>{facebook}</p>
314
            <p className='mb-1'>{facebook}</p>
315
          </a>
315
          </a>
316
        )}
316
        )}
317
        {instagram && (
317
        {!!instagram && (
318
          <a href={instagram} target='_blank' rel='noreferrer'>
318
          <a href={instagram} target='_blank' rel='noreferrer'>
319
            <p className='mb-1'>{instagram}</p>
319
            <p className='mb-1'>{instagram}</p>
320
          </a>
320
          </a>
321
        )}
321
        )}
322
        {twitter && (
322
        {!!twitter && (
323
          <a href={twitter} target='_blank' rel='noreferrer'>
323
          <a href={twitter} target='_blank' rel='noreferrer'>
324
            <p className='mb-1'>{twitter}</p>
324
            <p className='mb-1'>{twitter}</p>
325
          </a>
325
          </a>
326
        )}
326
        )}
327
      </div>
327
      </div>