From b62f2ce839de0e1bdeb271fe1d712749224d963c Mon Sep 17 00:00:00 2001
From: Hakadao <a578457889743@gmail.com>
Date: Sun, 26 May 2024 21:44:07 +0800
Subject: [PATCH] refactor(BackToTopAndRefreshButtons): remove the
 `showRefreshButton` prop

---
 src/components/BackToTopAndRefreshButtons.vue | 8 +++++---
 src/contentScripts/views/App.vue              | 1 -
 2 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/src/components/BackToTopAndRefreshButtons.vue b/src/components/BackToTopAndRefreshButtons.vue
index c6cc026a..cc690b16 100644
--- a/src/components/BackToTopAndRefreshButtons.vue
+++ b/src/components/BackToTopAndRefreshButtons.vue
@@ -1,8 +1,10 @@
 <script setup lang="ts">
 import Button from '~/components/Button.vue'
+import { useBewlyApp } from '~/composables/useAppProvider'
 
-defineProps<{ showRefreshButton: boolean }>()
 const emit = defineEmits(['refresh', 'back-to-top'])
+
+const { reachTop } = useBewlyApp()
 </script>
 
 <template>
@@ -24,11 +26,11 @@ const emit = defineEmits(['refresh', 'back-to-top'])
         backdrop-filter: var(--bew-filter-glass-1);
       "
       transform-gpu
-      @click="showRefreshButton ? emit('refresh') : emit('back-to-top')"
+      @click="reachTop ? emit('refresh') : emit('back-to-top')"
     >
       <Transition name="fade">
         <div
-          v-if="showRefreshButton" i-line-md:rotate-270 text-lg shrink-0 rotate-90
+          v-if="reachTop" i-line-md:rotate-270 text-lg shrink-0 rotate-90
           absolute
         />
         <div v-else i-line-md:arrow-small-up text-lg shrink-0 absolute />
diff --git a/src/contentScripts/views/App.vue b/src/contentScripts/views/App.vue
index e77beb70..8202625a 100644
--- a/src/contentScripts/views/App.vue
+++ b/src/contentScripts/views/App.vue
@@ -367,7 +367,6 @@ provide<BewlyAppProvider>('BEWLY_APP', {
               <!-- control button group -->
               <BackToTopAndRefreshButtons
                 v-if="activatedPage !== AppPage.Search && !settings.moveBackToTopOrRefreshButtonToDock"
-                :show-refresh-button="!showTopBarMask"
                 @refresh="handleThrottledPageRefresh"
                 @back-to-top="handleBackToTop"
               />