1234567891011121314151617181920212223242526272829303132 |
- import React, { useState } from 'react'
- import { ConstructorModal } from '../../helpers'
- import LikeList from './LikeList'
- const ModalLikes = ({ likes, myId }) => {
- const [isModalVisible, setIsModalVisible] = useState(false)
- const showModal = () => {
- setIsModalVisible(true)
- }
- return (
- <>
- {likes.length ?
- (
- <h3 className="LikeStyle" style={{margin:'0 auto'}} onClick={showModal}>
- {' '}
- {likes.length} likes
- </h3>
- ) : (
- <h3 className="LikeStyle"> 0 likes</h3>
- )}
- <ConstructorModal
- title={'Likes'}
- isModalVisible={isModalVisible}
- setIsModalVisible={setIsModalVisible}
- >
- <LikeList likes={likes} myId={myId} />
- </ConstructorModal>
- </>
- )
- }
- export default ModalLikes
|