From 7699b49d33e3d6072cba27022ae35e17cc6dfcce Mon Sep 17 00:00:00 2001
From: syuilo <Syuilotan@yahoo.co.jp>
Date: Sat, 18 Mar 2023 14:30:16 +0900
Subject: enhance(client): add ads page

---
 packages/frontend/src/pages/ads.vue         | 25 +++++++++++++++++++++++++
 packages/frontend/src/router.ts             |  3 +++
 packages/frontend/src/ui/_common_/common.ts |  5 +++++
 3 files changed, 33 insertions(+)
 create mode 100644 packages/frontend/src/pages/ads.vue

(limited to 'packages/frontend/src')

diff --git a/packages/frontend/src/pages/ads.vue b/packages/frontend/src/pages/ads.vue
new file mode 100644
index 0000000000..728ef3c0b1
--- /dev/null
+++ b/packages/frontend/src/pages/ads.vue
@@ -0,0 +1,25 @@
+<template>
+<MkStickyContainer>
+	<template #header><MkPageHeader/></template>
+
+	<MkSpacer :content-max="500">
+		<div class="_gaps">
+			<MkAd v-for="ad in instance.ads" :key="ad.id" :specify="ad"/>
+		</div>
+	</MkSpacer>
+</MkStickyContainer>
+</template>
+
+<script lang="ts" setup>
+import { computed, watch } from 'vue';
+import * as os from '@/os';
+import { definePageMetadata } from '@/scripts/page-metadata';
+import { i18n } from '@/i18n';
+import { instance } from '@/instance';
+
+definePageMetadata({
+	title: i18n.ts.ads,
+	icon: 'ti ti-ad',
+});
+</script>
+
diff --git a/packages/frontend/src/router.ts b/packages/frontend/src/router.ts
index 5f184881b4..590c5765fd 100644
--- a/packages/frontend/src/router.ts
+++ b/packages/frontend/src/router.ts
@@ -197,6 +197,9 @@ export const routes = [{
 }, {
 	path: '/about-misskey',
 	component: page(() => import('./pages/about-misskey.vue')),
+}, {
+	path: '/ads',
+	component: page(() => import('./pages/ads.vue')),
 }, {
 	path: '/theme-editor',
 	component: page(() => import('./pages/theme-editor.vue')),
diff --git a/packages/frontend/src/ui/_common_/common.ts b/packages/frontend/src/ui/_common_/common.ts
index a90ec6172f..eae4f0091c 100644
--- a/packages/frontend/src/ui/_common_/common.ts
+++ b/packages/frontend/src/ui/_common_/common.ts
@@ -29,6 +29,11 @@ export function openInstanceMenu(ev: MouseEvent) {
 		icon: 'ti ti-chart-line',
 		to: '/about#charts',
 	}, null, {
+		type: 'link',
+		text: i18n.ts.ads,
+		icon: 'ti ti-ad',
+		to: '/ads',
+	}, {
 		type: 'parent',
 		text: i18n.ts.tools,
 		icon: 'ti ti-tool',
-- 
cgit v1.2.3-freya