From 011574799798ad6b3c1f6a7f3301fa681c2b2b52 Mon Sep 17 00:00:00 2001
From: ThatOneCalculator <kainoa@t1c.dev>
Date: Tue, 16 Aug 2022 00:22:37 -0700
Subject: [PATCH] feat: :sparkles: Make mobile account avatar clickable

---
 package.json                                         |  2 +-
 .../client/src/components/global/page-header.vue     | 12 ++++++++++--
 packages/client/src/ui/universal.vue                 |  5 -----
 3 files changed, 11 insertions(+), 8 deletions(-)

diff --git a/package.json b/package.json
index 3aa704aa6..70c24b56f 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
 	"name": "misskey",
-	"version": "12.118.1-calc.10",
+	"version": "12.118.1-calc.11",
 	"codename": "aqua",
 	"repository": {
 		"type": "git",
diff --git a/packages/client/src/components/global/page-header.vue b/packages/client/src/components/global/page-header.vue
index c5aff22db..14aaf45e5 100644
--- a/packages/client/src/components/global/page-header.vue
+++ b/packages/client/src/components/global/page-header.vue
@@ -1,7 +1,9 @@
 <template>
 <div v-if="show" ref="el" class="fdidabkb" :class="{ slim: narrow, thin: thin_ }" :style="{ background: bg }" @click="onClick">
 	<div v-if="narrow" class="buttons left">
-		<MkAvatar v-if="props.displayMyAvatar && $i" class="avatar" :user="$i" :disable-preview="true"/>
+		<button v-click-anime v-tooltip.noDelay.right="`${i18n.ts.account}: @${$i.username}`" class="item _button account" @click="openAccountMenu">
+			<MkAvatar v-if="props.displayMyAvatar && $i" class="avatar" :user="$i" :disable-preview="true"/>
+		</button>
 	</div>
 	<template v-if="metadata">
 		<div v-if="!hideTitle" class="titleContainer" @click="showTabsPopup">
@@ -44,7 +46,7 @@ import { scrollToTop } from '@/scripts/scroll';
 import { i18n } from '@/i18n';
 import { globalEvents } from '@/events';
 import { injectPageMetadata } from '@/scripts/page-metadata';
-import { $i } from '@/account';
+import { $i, openAccountMenu as openAccountMenu_ } from '@/account';
 
 type Tab = {
 	key?: string | null;
@@ -87,6 +89,12 @@ const show = $computed(() => {
 	return !hideTitle || hasTabs || hasActions;
 });
 
+const openAccountMenu = (ev: MouseEvent) => {
+	openAccountMenu_({
+		withExtraOperation: true,
+	}, ev);
+};
+
 const showTabsPopup = (ev: MouseEvent) => {
 	if (!hasTabs) return;
 	if (!narrow) return;
diff --git a/packages/client/src/ui/universal.vue b/packages/client/src/ui/universal.vue
index e1b46ecae..2d80907c4 100644
--- a/packages/client/src/ui/universal.vue
+++ b/packages/client/src/ui/universal.vue
@@ -325,11 +325,6 @@ const wallpaper = localStorage.getItem('wallpaper') != null;
 					margin-right: 8px;
 				}
 			}
-
-			/* &:hover {
-				background: var(--X2);
-			} */
-
 			> .indicator {
 				position: absolute;
 				top: 0;