import { Link } from 'react-router-dom'
import { connect } from 'react-redux'
import { Row, Col,Avatar, Input, Popover } from 'antd'
import user from '../materials/user.png'
import { actionSearchUser } from '../actions'
import {UserOutlined } from '@ant-design/icons'
import { actionFullProfilePageUser } from '../redux/saga'
import LinkToUser from './LinkToUser'
export const ResultUserFind = ({
userFind = [],
handleCancel,
}) => {
console.log('user find', userFind)
return (
{userFind?.map(({ _id, login, avatar }) => (
))}
)
}
const SearchUser = ({ my_Id, onSearch, searchUser, onPageData }) => {
const onSearchUser = (value) => onSearch(value)
const { Search } = Input
return (
<>
}
>
}
enterButton="Search"
size="large"
onSearch={onSearchUser}
/>
>
)
}
export const CSearch = connect(
(state) => ({
aboutUser: state.userData?.aboutUser,
searchUser: state.promise?.searchUser?.payload,
my_Id: state.auth?.payload?.sub?.id || '',
}),
{
onSearch: actionSearchUser,
onPageData: actionFullProfilePageUser,
},
)(SearchUser)