summaryrefslogtreecommitdiff
path: root/packages/frontend/src/pages/admin/custom-emojis-manager.local.vue
diff options
context:
space:
mode:
Diffstat (limited to 'packages/frontend/src/pages/admin/custom-emojis-manager.local.vue')
-rw-r--r--packages/frontend/src/pages/admin/custom-emojis-manager.local.vue35
1 files changed, 35 insertions, 0 deletions
diff --git a/packages/frontend/src/pages/admin/custom-emojis-manager.local.vue b/packages/frontend/src/pages/admin/custom-emojis-manager.local.vue
new file mode 100644
index 0000000000..6e7e7e53e3
--- /dev/null
+++ b/packages/frontend/src/pages/admin/custom-emojis-manager.local.vue
@@ -0,0 +1,35 @@
+<!--
+SPDX-FileCopyrightText: syuilo and other misskey contributors
+SPDX-License-Identifier: AGPL-3.0-only
+-->
+
+<template>
+<MkStickyContainer>
+ <template #header>
+ <MkPageHeader v-model:tab="headerTab" :tabs="headerTabs" hideTitle thin/>
+ </template>
+ <XListComponent v-if="headerTab === 'list'" key="localList"/>
+ <MkSpacer v-else key="localRegister">
+ <XRegisterComponent/>
+ </MkSpacer>
+</MkStickyContainer>
+</template>
+
+<script setup lang="ts">
+import { ref, computed } from 'vue';
+import { i18n } from '@/i18n.js';
+import XListComponent from '@/pages/admin/custom-emojis-manager.local.list.vue';
+import XRegisterComponent from '@/pages/admin/custom-emojis-manager.local.register.vue';
+
+type PageMode = 'list' | 'register';
+
+const headerTab = ref<PageMode>('list');
+
+const headerTabs = computed(() => [{
+ key: 'list',
+ title: i18n.ts._customEmojisManager._local.tabTitleList,
+}, {
+ key: 'register',
+ title: i18n.ts._customEmojisManager._local.tabTitleRegister,
+}]);
+</script>