From 149e9847b12a879f05e038aa8ff100cb0d36eea1 Mon Sep 17 00:00:00 2001
From: Shinigami92 <chrissi92@hotmail.de>
Date: Sat, 1 Apr 2023 15:49:25 +0200
Subject: [PATCH] feat: filter for home timeline

---
 components/timeline/TimelineHomeFilter.vue | 25 ++++++++++++++++++++++
 pages/home.vue                             |  4 ++++
 2 files changed, 29 insertions(+)
 create mode 100644 components/timeline/TimelineHomeFilter.vue

diff --git a/components/timeline/TimelineHomeFilter.vue b/components/timeline/TimelineHomeFilter.vue
new file mode 100644
index 00000000..0edfbe79
--- /dev/null
+++ b/components/timeline/TimelineHomeFilter.vue
@@ -0,0 +1,25 @@
+<script setup lang="ts">
+const filter = ref({
+  bot: true,
+  sensitive: true,
+  repost: true,
+  mutual: true,
+  tag: true,
+})
+</script>
+
+<template>
+  <VDropdown>
+    <button btn-text>
+      <div i-ri:filter-2-line />
+    </button>
+
+    <template #popper>
+      <CommonCheckbox v-model="filter.bot" label="post by bot" />
+      <CommonCheckbox v-model="filter.sensitive" label="post contains sensitive" />
+      <CommonCheckbox v-model="filter.repost" label="post is a repost" />
+      <CommonCheckbox v-model="filter.mutual" label="post is from a mutual" />
+      <CommonCheckbox v-model="filter.tag" label="post is from a tag I follow" />
+    </template>
+  </VDropdown>
+</template>
diff --git a/pages/home.vue b/pages/home.vue
index 3bbf29fb..b76de788 100644
--- a/pages/home.vue
+++ b/pages/home.vue
@@ -26,6 +26,10 @@ useHead({
       </NuxtLink>
     </template>
 
+    <template #actions>
+      <TimelineHomeFilter />
+    </template>
+
     <TimelineHome v-if="isHydrated" />
   </MainContent>
 </template>