From 41760797bbceffcd565316762ec07a031229ab77 Mon Sep 17 00:00:00 2001
From: mattyatea <mattyacocacora0@gmail.com>
Date: Sun, 29 Oct 2023 18:10:42 +0900
Subject: [PATCH] fix

---
 .../src/pages/custom-emojis-manager.vue       | 73 +++----------------
 1 file changed, 11 insertions(+), 62 deletions(-)

diff --git a/packages/frontend/src/pages/custom-emojis-manager.vue b/packages/frontend/src/pages/custom-emojis-manager.vue
index 11fd24fda7..9fdcb0d902 100644
--- a/packages/frontend/src/pages/custom-emojis-manager.vue
+++ b/packages/frontend/src/pages/custom-emojis-manager.vue
@@ -8,68 +8,17 @@ SPDX-License-Identifier: AGPL-3.0-only
 	<MkStickyContainer>
 		<template #header><MkPageHeader v-model:tab="tab" :actions="headerActions" :tabs="headerTabs"/></template>
 		<MkSpacer :contentMax="900">
-			<div class="ogwlenmc">
-				<div v-if="tab === 'local'" class="local">
-                    <MkInput v-model="query" :debounce="true" type="search" autocapitalize="off">
-                        <template #prefix><i class="ti ti-search"></i></template>
-                        <template #label>{{ i18n.ts.search }}</template>
-                    </MkInput>
-                    <MkSwitch v-model="selectMode" style="margin: 8px 0;">
-                        <template #label>Select mode</template>
-                    </MkSwitch>
-                    <div v-if="selectMode" class="_buttons">
-                        <MkButton inline @click="selectAll">Select all</MkButton>
-                        <MkButton inline @click="setCategoryBulk">Set category</MkButton>
-                        <MkButton inline @click="setTagBulk">Set tag</MkButton>
-                        <MkButton inline @click="addTagBulk">Add tag</MkButton>
-                        <MkButton inline @click="removeTagBulk">Remove tag</MkButton>
-                        <MkButton inline @click="setLicenseBulk">Set License</MkButton>
-                        <MkButton inline danger @click="delBulk">Delete</MkButton>
-                    </div>
-                    <MkPagination ref="emojisPaginationComponent" :pagination="pagination">
-                        <template #empty><span>{{ i18n.ts.noCustomEmojis }}</span></template>
-                        <template #default="{items}">
-                            <div class="ldhfsamy">
-                                <button v-for="emoji in items" :key="emoji.id" class="emoji _panel _button" :class="{ selected: selectedEmojis.includes(emoji.id) }" @click="selectMode ? toggleSelect(emoji) : edit(emoji)">
-                                    <img :src="`/emoji/${emoji.name}.webp`" class="img" :alt="emoji.name"/>
-                                    <div class="body">
-                                        <div class="name _monospace">{{ emoji.name }}</div>
-                                        <div class="info">{{ emoji.category }}</div>
-                                    </div>
-                                </button>
-                            </div>
-                        </template>
-                    </MkPagination>
-				</div>
-				<div v-if="tab === 'draft'" class="draft">
-					<MkCustomEmojiEditDraft/>
-				</div>
-				<div v-else-if="tab === 'remote'" class="remote">
-                    <FormSplit>
-                        <MkInput v-model="queryRemote" :debounce="true" type="search" autocapitalize="off">
-                            <template #prefix><i class="ti ti-search"></i></template>
-                            <template #label>{{ i18n.ts.search }}</template>
-                        </MkInput>
-                        <MkInput v-model="host" :debounce="true">
-                            <template #label>{{ i18n.ts.host }}</template>
-                        </MkInput>
-                    </FormSplit>
-                    <MkPagination :pagination="remotePagination">
-                        <template #empty><span>{{ i18n.ts.noCustomEmojis }}</span></template>
-                        <template #default="{items}">
-                            <div class="ldhfsamy">
-                                <div v-for="emoji in items" :key="emoji.id" class="emoji _panel _button" @click="remoteMenu(emoji, $event)">
-                                    <img :src="`/emoji/${emoji.name}@${emoji.host}.webp`" class="img" :alt="emoji.name"/>
-                                    <div class="body">
-                                        <div class="name _monospace">{{ emoji.name }}</div>
-                                        <div class="info">{{ emoji.host }}</div>
-                                    </div>
-                                </div>
-                            </div>
-                        </template>
-                    </MkPagination>
-				</div>
-			</div>
+            <div class="ogwlenmc">
+                <div v-if="tab === 'local'" class="local">
+                    <MkCustomEmojiEditLocal/>
+                </div>
+                <div v-if="tab === 'request'" class="request">
+                    <MkCustomEmojiEditDraft/>
+                </div>
+                <div v-else-if="tab === 'remote'" class="remote">
+                    <MkCustomEmojiEditRemote/>
+                </div>
+            </div>
 		</MkSpacer>
 	</MkStickyContainer>
 </div>