From f447393be753f67d3ef5d6e68a342b11d5f9bf1a Mon Sep 17 00:00:00 2001
From: Nick Colley <nick.colley@hippodigital.co.uk>
Date: Wed, 1 Feb 2023 11:57:28 +0000
Subject: [PATCH] Use label button for profile page

It's less confusing than figuring out what the icons represent.
---
 .../profile/AccountProfileFollow.html         | 31 ++++++-------------
 1 file changed, 9 insertions(+), 22 deletions(-)

diff --git a/src/routes/_components/profile/AccountProfileFollow.html b/src/routes/_components/profile/AccountProfileFollow.html
index dcc49bc9..f22fc4e5 100644
--- a/src/routes/_components/profile/AccountProfileFollow.html
+++ b/src/routes/_components/profile/AccountProfileFollow.html
@@ -6,17 +6,9 @@
      - If a follow is requested, then the button is pressed but shows as "follow requested" with
        a different icon.
   -->
-  <IconButton
-    className="account-profile-follow-icon-button"
-    {label}
-    {pressedLabel}
-    {href}
-    {pressable}
-    {pressed}
-    big={!$isVeryTinyMobileSize}
-    on:click="onFollowButtonClick(event)"
-    ref:icon
-  />
+  <button class="account-profile-follow-button" on:click="onFollowButtonClick(event)">
+    {pressed ? pressedLabel : label}
+  </button>
 </div>
 <style>
   .account-profile-follow {
@@ -33,6 +25,12 @@
       justify-self: flex-end;
     }
   }
+
+  .account-profile-follow-button {
+    padding: 0.6em;
+    font-size: 1.1em;
+    min-width: 10ch;
+  }
 </style>
 <script>
   import IconButton from '../IconButton.html'
@@ -99,17 +97,6 @@
       pressedLabel: ({ requested }) => {
         return formatIntl('intl.unfollowLabel', { requested })
       },
-      href: ({ blocking, following, followRequested }) => {
-        if (blocking) {
-          return '#fa-unlock'
-        } else if (following) {
-          return '#fa-user-times'
-        } else if (followRequested) {
-          return '#fa-hourglass'
-        } else {
-          return '#fa-user-plus'
-        }
-      },
       shown: ({ verifyCredentials, relationship }) => (
         verifyCredentials && relationship && verifyCredentials.id !== relationship.id
       ),