Following.jsxを修正

fjordllc · Feb 18, 2024 · 5abca7c · 5abca7c
1 parent 7d854e8
commit 5abca7c
Showing 1 changed file with 15 additions and 7 deletions.
diff --git a/app/javascript/components/Following.jsx b/app/javascript/components/Following.jsx
@@ -134,13 +134,21 @@ export default function Following({ isFollowing, userId, isWatching }) {
             )}
           </li>
           <li className="following__dropdown-item a-dropdown__item">
-            <button
-              className="following-option a-dropdown__item-inner"
-              onClick={unfollow}>
-              <div className="following-option__inner">
-                <div className="following-option__label">フォローしない</div>
-              </div>
-            </button>
+            {!following && !watching ? (
+              <button className="following-option a-dropdown__item-inner is-active">
+                <div className="following-option__inner">
+                  <div className="following-option__label">フォローしない</div>
+                </div>
+              </button>
+            ) : (
+              <button
+                className="following-option a-dropdown__item-inner"
+                onClick={unfollow}>
+                <div className="following-option__inner">
+                  <div className="following-option__label">フォローしない</div>
+                </div>
+              </button>
+            )}
           </li>
         </ul>
       </div>