Merge pull request #125 from art-by-city/118-follow-button-mobile-hover

Fix for follow button on mobile hover (isHovering must be true)
art-by-city · Feb 14, 2024 · 93aa0f6 · 93aa0f6
2 parents cb50256 + 015e5ca
commit 93aa0f6
Showing 1 changed file with 7 additions and 2 deletions.
diff --git a/components/FollowButton.vue b/components/FollowButton.vue
@@ -9,7 +9,7 @@
       :disabled="pending || loading"
       :loading="pending || loading"
       :prepend-icon="followActionIcon(isHovering)"
-      @click="onFollowClick"
+      @click="onFollowClick(isHovering)"
     >
       {{ followActionText(isHovering) }}
       <template #loader>
@@ -73,7 +73,12 @@ const textColor = computed(() => {
     ? '#FF5252' : ''
 })
 
-const onFollowClick = debounce(async () => {
+const onFollowClick = debounce(async (isHovering?: boolean) => {
+  // NB: On mobile, the first click isHovering will be falsy, so we skip.
+  if (!isHovering) {
+    return
+  }
+
   loading.value = true
   const contract = await abc.connect().following.getContract(props.owner)