From 678c0c1a4c9519c88d7b039ac7358f134b458619 Mon Sep 17 00:00:00 2001
From: srgooglo <srgooglo@ragestudio.net>
Date: Fri, 4 Jul 2025 14:09:41 +0200
Subject: [PATCH] Refactor FollowButton to use named function export

---
 .../app/src/components/FollowButton/index.jsx | 42 ++++++++++---------
 1 file changed, 22 insertions(+), 20 deletions(-)

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