Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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

Rev 5107 Rev 5899
Línea 9... Línea 9...
9
import { useDispatch } from 'react-redux'
9
import { useDispatch } from 'react-redux'
10
import { openShareModal } from '../../../../redux/share-modal/shareModal.actions'
10
import { openShareModal } from '../../../../redux/share-modal/shareModal.actions'
11
import { shareModalTypes } from '../../../../redux/share-modal/shareModal.types'
11
import { shareModalTypes } from '../../../../redux/share-modal/shareModal.types'
12
import Avatar from '../../../../shared/Avatar/Avatar'
12
import Avatar from '../../../../shared/Avatar/Avatar'
Línea 13... Línea 13...
13
 
13
 
14
const FeedShare = ({
-
 
15
  feedType,
-
 
16
  postUrl,
-
 
17
  image
-
 
18
}) => {
14
const FeedShare = ({ feedType, postUrl, image }) => {
-
 
15
  const dispatch = useDispatch()
19
  const dispatch = useDispatch()
16
  const onClickHandler = (postType) =>
Línea 20... Línea 17...
20
  const onClickHandler = (postType) => dispatch(openShareModal(postUrl, postType, feedType))
17
    dispatch(openShareModal(postUrl, postType, feedType))
21
 
18
 
22
  return (
19
  return (
23
    <div className='feed__share'>
20
    <div className="feed__share">
-
 
21
      <div className="feed__input-container">
-
 
22
        <Avatar imageUrl={image} size="xl" />
24
      <div className="feed__input-container">
23
        <div
-
 
24
          className="feed__input"
25
        <Avatar imageUrl={image} size='xl' />
25
          onClick={() => onClickHandler(shareModalTypes.POST)}
26
        <div className='feed__input' onClick={() => onClickHandler(shareModalTypes.POST)}>
-
 
27
          <CreateIcon />
-
 
28
          <input
26
        >
29
            type='text'
-
 
30
            placeholder={LABELS.WHAT_ARE_YOU_THINKING}
-
 
31
            readOnly
27
          <CreateIcon />
32
          />
28
          <input type="text" placeholder={LABELS.WRITE} readOnly />
33
        </div>
29
        </div>
-
 
30
      </div>
-
 
31
      <div className="feed__share-options">
-
 
32
        <InputOption
-
 
33
          Icon={ImageIcon}
34
      </div>
34
          title={LABELS.IMAGE}
-
 
35
          color="#7405f9"
-
 
36
          onClick={() => onClickHandler(shareModalTypes.IMAGE)}
-
 
37
        />
-
 
38
        <InputOption
-
 
39
          Icon={SubscriptionsIcon}
35
      <div className='feed__share-options'>
40
          title={LABELS.VIDEO}
-
 
41
          color="#E7A33E"
-
 
42
          onClick={() => onClickHandler(shareModalTypes.VIDEO)}
-
 
43
        />
-
 
44
        <InputOption
-
 
45
          Icon={ArticleIcon}
36
        <InputOption Icon={ImageIcon} title={LABELS.IMAGE} color='#7405f9' onClick={() => onClickHandler(shareModalTypes.IMAGE)} />
46
          title={LABELS.DOCUMENT}
-
 
47
          color="#C0C8CD"
-
 
48
          onClick={() => onClickHandler(shareModalTypes.FILE)}
-
 
49
        />
-
 
50
        <InputOption
-
 
51
          Icon={PostAddIcon}
37
        <InputOption Icon={SubscriptionsIcon} title={LABELS.VIDEO} color='#E7A33E' onClick={() => onClickHandler(shareModalTypes.VIDEO)} />
52
          title={LABELS.WRITE_A_POST}
-
 
53
          color="#7FC15E"
38
        <InputOption Icon={ArticleIcon} title={LABELS.DOCUMENT} color='#C0C8CD' onClick={() => onClickHandler(shareModalTypes.FILE)} />
54
          onClick={() => onClickHandler(shareModalTypes.POST)}
39
        <InputOption Icon={PostAddIcon} title={LABELS.WRITE_A_POST} color='#7FC15E' onClick={() => onClickHandler(shareModalTypes.POST)} />
55
        />
40
      </div>
56
      </div>
41
    </div>
57
    </div>