Refactor LikeButton to use named function component

packages/app/src/components/PostCard/components/actions/likeButton/index.jsx

@@ -4,7 +4,7 @@ import CountUp from "react-countup"
 
 import "./index.less"
 
-export default (props) => {
+const LikeButtonAction = (props) => {
 	const [liked, setLiked] = React.useState(props.defaultLiked ?? false)
 	const [clicked, setCliked] = React.useState(false)
 
@@ -15,6 +15,7 @@ export default (props) => {
 
 		if (typeof props.onClick === "function") {
 			const result = await props.onClick(to)
+
 			if (typeof result === "boolean") {
 				to = result
 			}
@@ -23,16 +24,12 @@ export default (props) => {
 		setLiked(to)
 	}
 
-    return <div
-        className={
-            classnames(
-                "like_btn_wrapper",
-                {
+	return (
+		<div
+			className={classnames("like_btn_wrapper", {
 				["liked"]: liked,
-                    ["clicked"]: clicked
-                }
-            )
-        }
+				["clicked"]: clicked,
+			})}
 			onClick={handleClick}
 		>
 			<button className="like_btn">
@@ -56,4 +53,7 @@ export default (props) => {
 				useEasing={true}
 			/>
 		</div>
+	)
 }
+
+export default LikeButtonAction