feat: Long press the floating button to refresh

CHANGELOG_CHERRYPICK.md

@@ -19,6 +19,7 @@
 - 클라이언트: (friendly) UI에 흐림 효과 사용 옵션을 비활성화하면 플로팅 버튼을 불투명하게 표시하도록 설정함
 - 클라이언트: (friendly) UI 애니메이션 줄이기 옵션이 활성화된 경우 헤더와 플로팅 버튼의 전환 애니메이션을 비활성화함
 - 클라이언트: (friendly) 하단 내비게이션 바의 타임라인 버튼을 길게 누르면 계정 전환 모달이 뜨도록 조정
+- 클라이언트: (friendly) 플로팅 버튼을 길게 눌러 새로고침 할 수 있음
 - 클라이언트: 기본 테마 색상 일부 변경 🎨
 - 클라이언트: 모든 계정 로그아웃 버튼과 구분하기 쉽도록 로그아웃 아이콘이 변경됨
 - 클라이언트: 새 노트 알림이 부드럽게 표시되도록 애니메이션 추가

packages/frontend/src/ui/friendly.vue

@@ -16,7 +16,7 @@
 		<XWidgets :margin-top="'var(--margin)'" @mounted="attachSticky"/>
 	</div>
 
-	<button v-if="isMobile && !(mainRouter.currentRoute.value.name === 'messaging-room' || mainRouter.currentRoute.value.name === 'messaging-room-group')" :class="[$style.floatNavButton, {[$style.reduceAnimation]: !$store.state.animation, [$style.showEl]: showEl }]" class="nav _button" @click="drawerMenuShowing = true"><CPAvatar :class="$style.floatNavButtonAvatar" :user="$i"/></button>
+	<button v-if="isMobile && !(mainRouter.currentRoute.value.name === 'messaging-room' || mainRouter.currentRoute.value.name === 'messaging-room-group')" :class="[$style.floatNavButton, {[$style.reduceAnimation]: !$store.state.animation, [$style.showEl]: showEl }]" class="nav _button" @click="drawerMenuShowing = true" @touchstart="longTouchfloatNavStart" @touchend="longTouchfloatNavEnd"><CPAvatar :class="$style.floatNavButtonAvatar" :user="$i"/></button>
 
 	<button v-if="isMobile && !(mainRouter.currentRoute.value.name === 'messaging-room' || mainRouter.currentRoute.value.name === 'messaging-room-group')" :class="[$style.floatPostButton, {[$style.reduceAnimation]: !$store.state.animation, [$style.showEl]: showEl }]" class="post _button" @click="os.post()"><span :class="[$style.floatPostButtonBg, {[$style.reduceBlurEffect]: !$store.state.useBlurEffect}]"></span><i class="ti ti-pencil"></i></button>
 
@@ -129,6 +129,7 @@ let lastScrollPosition = $ref(0);
 let queue = $ref(0);
 
 let longTouchNavHome = $ref(false);
+let longTouchfloatNav = $ref(false);
 
 let pageMetadata = $ref<null | ComputedRef<PageMetadata>>();
 const widgetsEl = $shallowRef<HTMLElement>();
@@ -266,6 +267,19 @@ function closeAccountMenu() {
 	longTouchNavHome = false;
 }
 
+function longTouchfloatNavStart() {
+	longTouchfloatNav = true;
+	setTimeout(() => {
+		if (longTouchfloatNav === true) {
+			location.reload();
+		}
+	}, 500);
+}
+
+function longTouchfloatNavEnd() {
+	longTouchNavHome = false;
+}
+
 const wallpaper = miLocalStorage.getItem('wallpaper') != null;
 </script>