From bed696b8ae4bb26cf59ff746cac609987ecefa14 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E2=98=99=E2=97=A6=20The=20Tablet=20=E2=9D=80=20GamerGirla?=
 =?UTF-8?q?ndCo=20=E2=97=A6=E2=9D=A7?= <i.am.the.tablet@proton.me>
Date: Tue, 10 Oct 2023 22:38:36 -0400
Subject: [PATCH] feat(pages): create authors page

this page will load a list of all authors on the site (users with >=1 story)
---
 pages/authors.vue | 53 +++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 53 insertions(+)
 create mode 100644 pages/authors.vue

diff --git a/pages/authors.vue b/pages/authors.vue
new file mode 100644
index 0000000..97b3ffd
--- /dev/null
+++ b/pages/authors.vue
@@ -0,0 +1,53 @@
+<script lang="ts" setup>
+	import icon from "~/components/icon.vue";
+	import { bp, subscriptions } from "~/lib/client/listActions";
+	import { IUser } from "~/models/user";
+
+	const { data: authors } = (await useApiFetch<any[]>("/authors")) as {
+		data: Ref<any[]>;
+	};
+
+	const { data: rd }: { data: any } = useAuth();
+	const data = rd as { user: IUser };
+	// console.log("d_u", data?.user?.subscriptions)
+	const hider = subscriptions;
+	if (authors.value == null) authors.value = [];
+</script>
+<template>
+	<a-list v-model:data-source="authors" :grid="bp">
+		<template #renderItem="{ item }">
+			<a-list-item>
+				<a-row :gutter="[5, 5]">
+					<a-col>
+						<nuxt-link :to="`/user/${item._id}`">
+							{{ item.username }}
+						</nuxt-link>
+					</a-col>
+					<!-- subscribe... -->
+					<a-col>
+						<span>({{ item.numStories }})</span>
+					</a-col>
+					<a-col v-if="data?.user && data?.user._id" style="margin-left: auto">
+						<a
+							v-if="!data?.user.subscriptions.authors.includes(item._id)"
+							@click="(e) => hider(authors, item._id, 'subscribe', 'authors')"
+						>
+							<icon :istyle="'regular'" name="paper-plane" :size="12" />
+						</a>
+						<a
+							v-else
+							@click="(e) => hider(authors, item._id, 'unsubscribe', 'authors')"
+						>
+							<icon :istyle="'regular'" name="x" :size="12" />
+						</a>
+					</a-col>
+					<a-col v-if="data?.user._id">
+						<a @click="(e) => hider(authors, item._id, 'hide', 'authors')">
+							<icon :istyle="'regular'" name="eye-slash" :size="12" />
+						</a>
+					</a-col>
+				</a-row>
+			</a-list-item>
+		</template>
+	</a-list>
+</template>