From e363838e98d3db95a4f3edc02ff41c5e9be0073d Mon Sep 17 00:00:00 2001
From: Radiquum <kentai.waah@gmail.com>
Date: Sun, 6 Apr 2025 16:52:49 +0500
Subject: [PATCH] fix: user profile comment preview user bar

---
 .eslintrc.json                                     |  3 ---
 app/components/Profile/Profile.ActivityComment.tsx |  2 +-
 eslint.config.js                                   | 13 +++++++++++++
 package-lock.json                                  | 11 +++++++++++
 package.json                                       |  1 +
 5 files changed, 26 insertions(+), 4 deletions(-)
 delete mode 100644 .eslintrc.json
 create mode 100644 eslint.config.js

diff --git a/.eslintrc.json b/.eslintrc.json
deleted file mode 100644
index 957cd15..0000000
--- a/.eslintrc.json
+++ /dev/null
@@ -1,3 +0,0 @@
-{
-  "extends": ["next/core-web-vitals"]
-}
diff --git a/app/components/Profile/Profile.ActivityComment.tsx b/app/components/Profile/Profile.ActivityComment.tsx
index 455771d..23909f0 100644
--- a/app/components/Profile/Profile.ActivityComment.tsx
+++ b/app/components/Profile/Profile.ActivityComment.tsx
@@ -17,7 +17,7 @@ export const ProfileActivityComment = (props: {
               key={`comment-${comment.id}`}
             >
               <footer className="flex items-center justify-between mb-2">
-                <div className="flex flex-col items-start gap-1 sm:items-center sm:flex-row">
+                <div className="flex items-center gap-1">
                   <Link
                     href={`/profile/${comment.profile.id}`}
                     className="inline-flex items-center mr-3 text-sm font-semibold text-gray-900 dark:text-white hover:underline"
diff --git a/eslint.config.js b/eslint.config.js
new file mode 100644
index 0000000..b015b83
--- /dev/null
+++ b/eslint.config.js
@@ -0,0 +1,13 @@
+import reactRefresh from "eslint-plugin-react-refresh";
+
+export default [
+  {
+    extends: ["next/core-web-vitals"],
+    plugins: {
+      "react-refresh": reactRefresh,
+    },
+    rules: {
+      "react-refresh/only-export-components": "warn",
+    },
+  },
+];
diff --git a/package-lock.json b/package-lock.json
index 95d906f..2100b0f 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -39,6 +39,7 @@
         "copy-webpack-plugin": "^12.0.2",
         "eslint": "^8",
         "eslint-config-next": "14.2.5",
+        "eslint-plugin-react-refresh": "^0.4.19",
         "postcss": "^8",
         "tailwindcss": "^3.4.1"
       }
@@ -2984,6 +2985,16 @@
         "eslint": "^3.0.0 || ^4.0.0 || ^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0-0"
       }
     },
+    "node_modules/eslint-plugin-react-refresh": {
+      "version": "0.4.19",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-react-refresh/-/eslint-plugin-react-refresh-0.4.19.tgz",
+      "integrity": "sha512-eyy8pcr/YxSYjBoqIFSrlbn9i/xvxUFa8CjzAYo9cFjgGXqq1hyjihcpZvxRLalpaWmueWR81xn7vuKmAFijDQ==",
+      "dev": true,
+      "license": "MIT",
+      "peerDependencies": {
+        "eslint": ">=8.40"
+      }
+    },
     "node_modules/eslint-plugin-react/node_modules/doctrine": {
       "version": "2.1.0",
       "resolved": "https://registry.npmjs.org/doctrine/-/doctrine-2.1.0.tgz",
diff --git a/package.json b/package.json
index 3b6056f..2995bb9 100644
--- a/package.json
+++ b/package.json
@@ -40,6 +40,7 @@
     "copy-webpack-plugin": "^12.0.2",
     "eslint": "^8",
     "eslint-config-next": "14.2.5",
+    "eslint-plugin-react-refresh": "^0.4.19",
     "postcss": "^8",
     "tailwindcss": "^3.4.1"
   }