From bb0cc000ae074e2fa1b3aa30c097010fc8c98c07 Mon Sep 17 00:00:00 2001
From: Namekuji <nmkj@waah.day>
Date: Tue, 5 Sep 2023 19:08:08 -0400
Subject: [PATCH] fix: deck columns

---
 packages/client/src/ui/deck/direct-column.vue    | 16 ++++++----------
 packages/client/src/ui/deck/mentions-column.vue  | 13 ++++++-------
 .../client/src/ui/deck/notifications-column.vue  |  2 +-
 3 files changed, 13 insertions(+), 18 deletions(-)

diff --git a/packages/client/src/ui/deck/direct-column.vue b/packages/client/src/ui/deck/direct-column.vue
index 5973cbe37b..5ddf343b25 100644
--- a/packages/client/src/ui/deck/direct-column.vue
+++ b/packages/client/src/ui/deck/direct-column.vue
@@ -12,15 +12,19 @@
 			>{{ column.name }}</template
 		>
 
-		<XNotes :pagination="pagination" />
+		<XNotifications
+			:include-types="['mention', 'reply']"
+			:unread-only="false"
+			:direct-only="true"
+		/>
 	</XColumn>
 </template>
 
 <script lang="ts" setup>
 import {} from "vue";
 import XColumn from "./column.vue";
+import XNotifications from "@/components/MkNotifications.vue";
 import type { Column } from "./deck-store";
-import XNotes from "@/components/MkNotes.vue";
 
 defineProps<{
 	column: Column;
@@ -30,12 +34,4 @@ defineProps<{
 const emit = defineEmits<{
 	(ev: "parent-focus", direction: "up" | "down" | "left" | "right"): void;
 }>();
-
-const pagination = {
-	endpoint: "notes/mentions" as const,
-	limit: 10,
-	params: {
-		visibility: "specified",
-	},
-};
 </script>
diff --git a/packages/client/src/ui/deck/mentions-column.vue b/packages/client/src/ui/deck/mentions-column.vue
index 08e11dd219..24f8b4657e 100644
--- a/packages/client/src/ui/deck/mentions-column.vue
+++ b/packages/client/src/ui/deck/mentions-column.vue
@@ -9,15 +9,19 @@
 			>{{ column.name }}</template
 		>
 
-		<XNotes :pagination="pagination" />
+		<XNotifications
+			:include-types="['mention', 'reply']"
+			:unread-only="false"
+			:direct-only="false"
+		/>
 	</XColumn>
 </template>
 
 <script lang="ts" setup>
 import {} from "vue";
 import XColumn from "./column.vue";
+import XNotifications from "@/components/MkNotifications.vue";
 import type { Column } from "./deck-store";
-import XNotes from "@/components/MkNotes.vue";
 
 defineProps<{
 	column: Column;
@@ -27,9 +31,4 @@ defineProps<{
 const emit = defineEmits<{
 	(ev: "parent-focus", direction: "up" | "down" | "left" | "right"): void;
 }>();
-
-const pagination = {
-	endpoint: "notes/mentions" as const,
-	limit: 10,
-};
 </script>
diff --git a/packages/client/src/ui/deck/notifications-column.vue b/packages/client/src/ui/deck/notifications-column.vue
index 37cbe30a7b..a18cccec0f 100644
--- a/packages/client/src/ui/deck/notifications-column.vue
+++ b/packages/client/src/ui/deck/notifications-column.vue
@@ -10,7 +10,7 @@
 			>{{ column.name }}</template
 		>
 
-		<XNotifications :include-types="column.includingTypes" />
+		<XNotifications :include-types="column.includingTypes" :direct-only="false" />
 	</XColumn>
 </template>