From 834eca2ad27bbb0a2fd05b0fce2b8b3bd14d9330 Mon Sep 17 00:00:00 2001
From: Daniel Roe <daniel@roe.dev>
Date: Sun, 27 Nov 2022 22:57:20 +0000
Subject: [PATCH] fix: tapping on avatar should show switcher on mobile

---
 components/main/MainContent.vue |  2 +-
 components/nav/NavUser.vue      | 11 +----------
 2 files changed, 2 insertions(+), 11 deletions(-)

diff --git a/components/main/MainContent.vue b/components/main/MainContent.vue
index 50969141..c0f76f14 100644
--- a/components/main/MainContent.vue
+++ b/components/main/MainContent.vue
@@ -24,7 +24,7 @@ const nav = ref<HTMLDivElement>()
         </div>
         <div flex items-center>
           <slot name="actions" />
-          <NavUser v-if="isSmallScreen" :nav="nav" />
+          <NavUser v-if="isSmallScreen" />
         </div>
       </div>
       <slot name="header" />
diff --git a/components/nav/NavUser.vue b/components/nav/NavUser.vue
index 390b6511..f9f0345c 100644
--- a/components/nav/NavUser.vue
+++ b/components/nav/NavUser.vue
@@ -4,16 +4,7 @@ import type { ComponentPublicInstance } from 'vue'
 const avatar = ref<ComponentPublicInstance>()
 const switcher = ref()
 
-const router = useRouter()
-
-const goProfile = () => {
-  router.push(`/@${currentUser.value!.account.username}`)
-}
-
 let showSwitcher = $ref(false)
-onLongPress(avatar, () => {
-  showSwitcher = true
-})
 
 onClickOutside(avatar, () => {
   showSwitcher = false
@@ -26,6 +17,7 @@ onClickOutside(avatar, () => {
     v-model:shown="showSwitcher"
     :triggers="[]"
     :auto-hide="false"
+    @click="showSwitcher = true"
   >
     <div style="-webkit-touch-callout: none;">
       <AccountAvatar
@@ -33,7 +25,6 @@ onClickOutside(avatar, () => {
         :account="currentUser.account"
         h="2em"
         :draggable="false"
-        @click.stop="goProfile"
       />
     </div>