From 8ac524fb9a7116ce62bd8e4cfb4af439435507e0 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: Mon, 25 Sep 2023 19:43:10 -0400
Subject: [PATCH] feat(pages): add band list page

---
 pages/bands.vue | 36 ++++++++++++++++++++++++++++++++++++
 1 file changed, 36 insertions(+)
 create mode 100644 pages/bands.vue

diff --git a/pages/bands.vue b/pages/bands.vue
new file mode 100644
index 0000000..1f955a4
--- /dev/null
+++ b/pages/bands.vue
@@ -0,0 +1,36 @@
+<script lang="ts" setup>
+import { IBand } from '~/models/band';
+import icon from '~/components/icon.vue';
+	const {data} = await useApiFetch("/bands/all")
+	const bands = data as Ref<IBand[]>
+	const hider = (id: number) => (e) => {
+		bands.value.splice(bands.value.findIndex(a => a._id == id), 1)
+		useApiFetch("/user/hide", {
+			body: {
+				authors: [],
+				bands: [id]
+			},
+		 method: "post"
+		})
+	}
+</script>
+<template>
+	<a-list :grid="{ gutter: 5, xs: 1, sm: 2, md: 4, lg: 4, xl: 6, xxl: 7 }" v-model:data-source="bands">
+    <template #renderItem="{ item } ">
+      <a-list-item>
+				<a-row :gutter="[10, 10]">
+					<a-col>
+						<NuxtLink :to="`/band/${item._id}`">
+							{{ item.name }}
+						</NuxtLink>
+					</a-col>
+					<a-col>
+						<a @click="hider(item._id)">
+						<icon :istyle="'regular'" name="eye-slash" :size="12"/>
+					</a>
+					</a-col>
+				</a-row>
+      </a-list-item>
+    </template>
+  </a-list>
+</template>
\ No newline at end of file