From 8058b8736859b3d2c9191784519f162e48009841 Mon Sep 17 00:00:00 2001
From: mai <74494945+chan-mai@users.noreply.github.com>
Date: Fri, 22 Nov 2024 17:49:25 +0000
Subject: [PATCH] =?UTF-8?q?fix:=20=E3=82=A2=E3=83=90=E3=82=BF=E3=83=BC?=
 =?UTF-8?q?=E3=83=87=E3=82=B3=E5=91=A8=E3=82=8A?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../frontend/src/pages/avatar-decoration-edit-dialog.vue | 9 +++++++++
 packages/frontend/src/pages/avatar-decorations.vue       | 9 ---------
 2 files changed, 9 insertions(+), 9 deletions(-)

diff --git a/packages/frontend/src/pages/avatar-decoration-edit-dialog.vue b/packages/frontend/src/pages/avatar-decoration-edit-dialog.vue
index a834f1c5fd4f..e631cf6dfacd 100644
--- a/packages/frontend/src/pages/avatar-decoration-edit-dialog.vue
+++ b/packages/frontend/src/pages/avatar-decoration-edit-dialog.vue
@@ -26,6 +26,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 						<MkAvatar style="width: 60px; height: 60px;" :user="$i" :decorations="url != '' ? [{ url }] : []" forceShowDecoration/>
 					</div>
 				</div>
+				<MkButton rounded style="margin: 0 auto;" @click="selectImage(avatarDecoration, $event)">{{ i18n.ts.selectFile }}</MkButton>
 				<MkInput v-model="name">
 					<template #label>{{ i18n.ts.name }}</template>
 				</MkInput>
@@ -92,11 +93,19 @@ const name = ref<string>(props.avatarDecoration ? props.avatarDecoration.name :
 const description = ref<string>(props.avatarDecoration ? props.avatarDecoration.description : '');
 const roleIdsThatCanBeUsedThisDecoration = ref(props.avatarDecoration ? props.avatarDecoration.roleIdsThatCanBeUsedThisDecoration : []);
 const rolesThatCanBeUsedThisDecoration = ref<Misskey.entities.Role[]>([]);
+	import { selectFile } from '@/scripts/select-file.js';
 
 watch(roleIdsThatCanBeUsedThisDecoration, async () => {
 	rolesThatCanBeUsedThisDecoration.value = (await Promise.all(roleIdsThatCanBeUsedThisDecoration.value.map((id) => misskeyApi('admin/roles/show', { roleId: id }).catch(() => null)))).filter(x => x != null);
 }, { immediate: true });
 
+// ファイル選択
+async function selectImage(decoration, ev) {
+	let file = await selectFile(ev.currentTarget ?? ev.target, null);
+	name.value = file.name.replace(/\.(.+)$/, '');
+	url.value = file.url;
+}
+
 async function addRole() {
 	const roles = await misskeyApi('admin/roles/list');
 	const currentRoleIds = rolesThatCanBeUsedThisDecoration.value.map(x => x.id);
diff --git a/packages/frontend/src/pages/avatar-decorations.vue b/packages/frontend/src/pages/avatar-decorations.vue
index 9ea4746e7d05..61b69d80465b 100644
--- a/packages/frontend/src/pages/avatar-decorations.vue
+++ b/packages/frontend/src/pages/avatar-decorations.vue
@@ -17,7 +17,6 @@ SPDX-License-Identifier: AGPL-3.0-only
 					@click="edit(avatarDecoration)"
 				>
 					<div :class="$style.decorationName"><MkCondensedLine :minScale="0.5">{{ avatarDecoration.name }}</MkCondensedLine></div>
-					<MkButton rounded style="margin: 0 auto;" @click="selectImage(avatarDecoration, $event)">{{ i18n.ts.selectFile }}</MkButton>
 					<MkAvatar style="width: 60px; height: 60px;" :user="$i" :decorations="[{ url: avatarDecoration.url }]" forceShowDecoration/>
 				</div>
 			</div>
@@ -34,19 +33,11 @@ import * as os from '@/os.js';
 import { misskeyApi } from '@/scripts/misskey-api.js';
 import { i18n } from '@/i18n.js';
 import { definePageMetadata } from '@/scripts/page-metadata.js';
-import { selectFile } from '@/scripts/select-file.js';
 
 const $i = signinRequired();
 
 const avatarDecorations = ref<Misskey.entities.AdminAvatarDecorationsListResponse>([]);
 
-// ファイル選択
-async function selectImage(decoration, ev) {
-	let file = await selectFile(ev.currentTarget ?? ev.target, null);
-	decoration.name = file.name.replace(/\.(.+)$/, '');
-	decoration.url = file.url;
-}
-
 function load() {
 	misskeyApi('admin/avatar-decorations/list').then(_avatarDecorations => {
 		avatarDecorations.value = _avatarDecorations;