diff --git a/packages/app/src/components/FollowButton/index.jsx b/packages/app/src/components/FollowButton/index.jsx
index 403544a3..431555cc 100755
--- a/packages/app/src/components/FollowButton/index.jsx
+++ b/packages/app/src/components/FollowButton/index.jsx
@@ -1,26 +1,28 @@
-import React from "react"
 import { Button } from "antd"
 import classnames from "classnames"
 
 import "./index.less"
 
-export default (props) => {
-    return <div className="followButton">
-        <div className="counter">
-            {props.count}
-            {props.self && " Followers"}
-        </div>
-        {
-            !props.self && <Button
-                type="ghost"
-                onClick={props.onClick}
-                className={classnames(
-                    "btn",
-                    { ["followed"]: props.followed }
-                )}
-            >
-                <span>{props.followed ? "Following" : "Follow"}</span>
-            </Button>
-        }
-    </div>
+const FollowButton = (props) => {
+	return (
+		<div className="followButton">
+			<div className="counter">
+				{props.count}
+				{props.self && " Followers"}
+			</div>
+			{!props.self && (
+				<Button
+					type="ghost"
+					onClick={props.onClick}
+					className={classnames("btn", {
+						["followed"]: props.followed,
+					})}
+				>
+					<span>{props.followed ? "Following" : "Follow"}</span>
+				</Button>
+			)}
+		</div>
+	)
 }
+
+export default FollowButton