From 97e6fd2dc31664709c9a7477ec26941880bcff1b Mon Sep 17 00:00:00 2001
From: ThatOneCalculator <kainoa@t1c.dev>
Date: Sun, 7 May 2023 12:48:28 -0700
Subject: [PATCH] use MkChannelList

---
 .../client/src/components/MkChannelList.vue   |  2 +-
 packages/client/src/pages/channels.vue        | 36 +++++++------------
 2 files changed, 13 insertions(+), 25 deletions(-)

diff --git a/packages/client/src/components/MkChannelList.vue b/packages/client/src/components/MkChannelList.vue
index 0379c8103..c284736f2 100644
--- a/packages/client/src/components/MkChannelList.vue
+++ b/packages/client/src/components/MkChannelList.vue
@@ -3,7 +3,7 @@
 		<template #empty>
 			<div class="_fullinfo">
 				<img
-					src="/static-assets/badges/info.png"
+					src="/static-assets/badges/not-found.png"
 					class="_ghost"
 					:alt="i18n.ts.notFound"
 				/>
diff --git a/packages/client/src/pages/channels.vue b/packages/client/src/pages/channels.vue
index 66cf4437e..797fe511c 100644
--- a/packages/client/src/pages/channels.vue
+++ b/packages/client/src/pages/channels.vue
@@ -66,7 +66,7 @@
 				</swiper-slide>
 				<swiper-slide>
 					<div class="_content grwlizim featured">
-						<MkPagination
+						<!-- <MkPagination
 							v-slot="{ items }"
 							:pagination="featuredPagination"
 							:disable-auto-load="true"
@@ -77,23 +77,19 @@
 								class="_gap"
 								:channel="channel"
 							/>
-						</MkPagination>
+						</MkPagination> -->
+						<MkChannelList
+								key="featured"
+								:pagination="featuredPagination"
+							/>
 					</div>
 				</swiper-slide>
 				<swiper-slide>
 					<div class="_content grwlizim following">
-						<MkPagination
-							v-slot="{ items }"
-							:pagination="followingPagination"
-							:disable-auto-load="true"
-						>
-							<MkChannelPreview
-								v-for="channel in items"
-								:key="channel.id"
-								class="_gap"
-								:channel="channel"
+						<MkChannelList
+								key="following"
+								:pagination="followingPagination"
 							/>
-						</MkPagination>
 					</div>
 				</swiper-slide>
 				<swiper-slide>
@@ -101,18 +97,10 @@
 						<MkButton class="new" @click="create()"
 							><i class="ph-plus ph-bold ph-lg"></i
 						></MkButton>
-						<MkPagination
-							v-slot="{ items }"
-							:pagination="ownedPagination"
-							:disable-auto-load="true"
-						>
-							<MkChannelPreview
-								v-for="channel in items"
-								:key="channel.id"
-								class="_gap"
-								:channel="channel"
+						<MkChannelList
+								key="owned"
+								:pagination="ownedPagination"
 							/>
-						</MkPagination>
 					</div>
 				</swiper-slide>
 			</swiper>