Proyectos de Subversion LeadersLinked - Backend

Rev

Rev 14872 | Mostrar el archivo completo | | | Autoría | Ultima modificación | Ver Log |

Rev 14872 Rev 15178
Línea 1... Línea 1...
1
import React from 'react'
1
import React from 'react'
2
import { useDispatch } from 'react-redux'
2
import { useDispatch } from 'react-redux'
3
import { openShareModal } from '../../redux/share-modal/shareModal.actions'
3
import { openShareModal } from '../../redux/share-modal/shareModal.actions'
4
import { shareModalTypes } from '../../redux/share-modal/shareModal.types'
4
import { shareModalTypes } from '../../redux/share-modal/shareModal.types'
5
import styles from './shareFeed.module.scss'
-
 
Línea 6... Línea 5...
6
 
5
 
Línea 7... Línea 6...
7
const FeedShare = ({ post_url }) => {
6
const FeedShare = ({ post_url }) => {
Línea 13... Línea 12...
13
		dispatch(openShareModal(post_url, modalType))
12
		dispatch(openShareModal(post_url, modalType))
14
	}
13
	}
Línea 15... Línea 14...
15
 
14
 
16
	return (
15
	return (
17
		<>
16
		<>
18
			<div id="publica-feed" className={styles.shareFeed}>
17
			<div id="publica-feed" className={'shareFeed'}>
19
				<form id="form-main" name="form-main" className={styles.formContainer}>
18
				<form id="form-main" name="form-main" className={'formContainer'}>
20
					<div className={styles.userInputContainer}>
19
					<div className={'userInputContainer'}>
21
						<input
20
						<input
22
							name="description-main"
21
							name="description-main"
23
							placeholder="¿Qué tienes en mente?"
22
							placeholder="¿Qué tienes en mente?"
24
							className="form-control"
23
							className="form-control"
Línea 28... Línea 27...
28
								e.target.blur()
27
								e.target.blur()
29
								onClickHandler(e, shareModalTypes.POST)
28
								onClickHandler(e, shareModalTypes.POST)
30
							}}
29
							}}
31
						/>
30
						/>
32
					</div>
31
					</div>
33
					<div className={styles.shareRowContainer}>
32
					<div className={'shareRowContainer'}>
34
						<button
33
						<button
35
							className={styles.shareIconContainer}
34
							className={'shareIconContainer'}
36
							onClick={(e) => onClickHandler(e, shareModalTypes.VIDEO)}
35
							onClick={(e) => onClickHandler(e, shareModalTypes.VIDEO)}
37
						>
36
						>
38
							<i className={`${styles.shareIcon} fa fa-video-camera`} />
37
							<i className={`${'shareIcon'} fa fa-video-camera`} />
39
						</button>
38
						</button>
40
						<button
39
						<button
41
							className={styles.shareIconContainer}
40
							className={'shareIconContainer'}
42
							onClick={(e) => onClickHandler(e, shareModalTypes.IMAGE)}
41
							onClick={(e) => onClickHandler(e, shareModalTypes.IMAGE)}
43
						>
42
						>
44
							<i className={`${styles.shareIcon} fa fa-image`} />
43
							<i className={`${'shareIcon'} fa fa-image`} />
45
						</button>
44
						</button>
46
						<button
45
						<button
47
							className={styles.shareIconContainer}
46
							className={'shareIconContainer'}
48
							onClick={(e) => onClickHandler(e, shareModalTypes.FILE)}
47
							onClick={(e) => onClickHandler(e, shareModalTypes.FILE)}
49
						>
48
						>
50
							<i className={`${styles.shareIcon} fa fa-file`} />
49
							<i className={`${'shareIcon'} fa fa-file`} />
51
						</button>
50
						</button>
52
						<button
51
						<button
53
							className={`${styles.shareIconContainer} ${styles.iconActive}`}
52
							className={`${'shareIconContainer'} ${'iconActive'}`}
54
							onClick={(e) => onClickHandler(e, shareModalTypes.POST)}
53
							onClick={(e) => onClickHandler(e, shareModalTypes.POST)}
55
						>
54
						>
56
							<i className={`${styles.shareIcon} fa fa-send`} />
55
							<i className={`${'shareIcon'} fa fa-send`} />
57
						</button>
56
						</button>
58
					</div>
57
					</div>
59
				</form>
58
				</form>
60
			</div >
59
			</div >
61
		</>
60
		</>