RageStudio/comty
1
0
Fork 0
mirror of https://github.com/ragestudio/comty.git synced 2025-06-09 18:44:16 +00:00
Code Issues Packages Projects Releases Wiki Activity

improve like action & await to server response

Browse Source
This commit is contained in:
srgooglo 2022-03-02 17:14:13 +01:00
parent 1259735498
commit 213b6d2208
1 changed files with 6 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
packages/app/src/components/PostCard/index.jsx
View File

@ -10,10 +10,13 @@ import "./index.less"
function LikeButton(props) {
const [liked, setLiked] = React.useState(props.defaultLiked ?? false)
const [clicked, setCliked] = React.useState(false)
const handleClick = async () => {
let to = !liked
setCliked(to)
if (typeof props.onClick === "function") {
const result = await props.onClick(to)
if (typeof result === "boolean") {
@ -31,14 +34,14 @@ function LikeButton(props) {
<div
className={classnames(
"ripple",
{ ["clicked"]: liked }
{ ["clicked"]: clicked }
)}
></div>
<svg
className={classnames(
"heart",
{ ["empty"]: !liked },
{ ["clicked"]: liked },
{ ["clicked"]: clicked },
)}
width="24"
height="24"
@ -174,7 +177,7 @@ export default class PostCard extends React.Component {
return <antd.Skeleton active />
}
return <div className="postCard">
return <div id={this.props.data._id} key={this.props.data._id} className="postCard">
<div className="wrapper">
<PostHeader
postData={this.props.data}