Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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

Rev 1198 Rev 5334
Línea 1... Línea -...
1 
import React from 'react'
 - 
 
2 
import { useState } from 'react';
 1 
import React, { useState } from 'react'
- 
 
 2 
 
3 
/* import { useDispatch } from 'react-redux'; */
 3 
/* import { useDispatch } from 'react-redux'; */
4 
/* import { addNotification } from '../../../../redux/notification/notification.actions'; */
 4 
/* import { addNotification } from '../../../../redux/notification/notification.actions'; */
Línea 5... Línea 5...
5 
 
 5 
 
- 
 
 6 
const LikeButton = ({ likeUrl, showCounter = false, onClick }) => {
- 
 
 7 
  const [isLike, setIsLike] = useState(false)
- 
 
 8 
  const [likesState, setLikesState] = useState(0)
Línea 6... Línea -...
6 
const LikeButton = ({ likeUrl, showCounter = false, onClick }) => {
 - 
 
7 
 
 - 
 
8 
    const [isLike, setIsLike] = useState(false);
 - 
 
9 
    const [likesState, setLikesState] = useState(0);
 - 
 
10 
    /* const dispatch = useDispatch() */
 9 
  /* const dispatch = useDispatch() */
11 
 
 10 
 
12 
    const handleClick = (url) => {
 11 
  const handleClick = (url) => {
13 
        if (!url) {
 12 
    if (!url) {
14 
            setIsLike(!isLike)
 13 
      setIsLike(!isLike)
15 
            if (onClick) {
 14 
      if (onClick) {
16 
                onClick()
 15 
        onClick()
17 
            }
 16 
      }
18 
        }
 17 
    }
19 
        /* else {
 18 
    /* else {
20 
            axios.post(url)
 19 
            axios.post(url)
21 
                .then((res) => {
 20 
                .then((res) => {
22 
                    const { success, data } = res.data;
 21 
                    const { success, data } = res.data;
Línea 30... Línea 29...
30 
                        setLikesState(data.likes)
 29 
                        setLikesState(data.likes)
31 
                        setIsLike(!isLike);
 30 
                        setIsLike(!isLike);
32 
                    }
 31 
                    }
33 
                });
 32 
                });
34 
        } */
 33 
        } */
35 
    }
 34 
  }
Línea 36... Línea 35...
36 
 
 35 
 
37 
    return (
 36 
  return (
38 
        <button
 37 
        <button
39 
            type="button"
 38 
            type="button"
40 
            className={isLike ? "btn-unlike" : "btn-like"}
 39 
            className={isLike ? 'btn-unlike' : 'btn-like'}
41 
            onClick={() => handleClick(likeUrl)}
 40 
            onClick={() => handleClick(likeUrl)}
42 
        >
 41 
        >
43 
            <i className={isLike ? "fas fa-heart" : "far fa-heart"}></i>
 42 
            <i className={isLike ? 'fas fa-heart' : 'far fa-heart'}></i>
44 
            {showCounter && likesState}
 43 
            {showCounter && likesState}
45 
        </button>
 44 
        </button>
46 
    )
 45 
  )
Línea 47... Línea -...
47 
}
 - 
 
48 
 
 46 
}
- 
 
 47