From f08777f6297db9c16a6c04edf985ebd123d9da1b Mon Sep 17 00:00:00 2001
From: Daniel Roe <daniel@roe.dev>
Date: Mon, 28 Nov 2022 20:56:24 +0000
Subject: [PATCH] feat: add 'requested' state for following button

---
 components/account/AccountFollowButton.vue | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/components/account/AccountFollowButton.vue b/components/account/AccountFollowButton.vue
index 6dfbb5c6..f8d3bbb6 100644
--- a/components/account/AccountFollowButton.vue
+++ b/components/account/AccountFollowButton.vue
@@ -23,7 +23,8 @@ async function toggleFollow() {
 <template>
   <button
     v-if="!isSelf && currentUser"
-    flex gap-1 items-center h-fit rounded hover="op100 text-white b-orange" group
+    flex gap-1 items-center h-fit rounded hover="op100 text-white b-orange" group btn-base
+    :disabled="relationship?.requested"
     @click="toggleFollow"
   >
     <div rounded w-28 p2 :group-hover="relationship?.following ? 'bg-red/75' : 'bg-orange/40'" :class="!relationship?.following ? relationship?.followedBy ? 'bg-orange/20' : 'bg-white/10' : relationship?.followedBy ? ' bg-orange/70' : 'bg-orange/50'">
@@ -31,6 +32,9 @@ async function toggleFollow() {
         <span group-hover="hidden">{{ relationship?.followedBy ? 'Mutuals' : 'Following' }}</span>
         <span hidden group-hover="inline">Unfollow</span>
       </template>
+      <template v-else-if="relationship?.requested">
+        <span>Requested</span>
+      </template>
       <template v-else-if="relationship?.followedBy">
         <span group-hover="hidden">Follows you</span>
         <span hidden group-hover="inline">Follow back</span>