From e90a0be6d982bc7afee20ed312f1b2657a517981 Mon Sep 17 00:00:00 2001
From: Jose Olarte III <brownspank@anomalistdesign.com>
Date: Wed, 3 Apr 2024 15:51:23 +0800
Subject: [PATCH] Names and variables for filter toggles

---
 src/components/FeedFilters.vue | 16 ++++++++++++++--
 1 file changed, 14 insertions(+), 2 deletions(-)

diff --git a/src/components/FeedFilters.vue b/src/components/FeedFilters.vue
index 0b3cae5..390205b 100644
--- a/src/components/FeedFilters.vue
+++ b/src/components/FeedFilters.vue
@@ -12,7 +12,12 @@
           <!-- toggle -->
           <div class="relative ml-2">
             <!-- input -->
-            <input type="checkbox" name="" class="sr-only" />
+            <input
+              type="checkbox"
+              v-model="isFromMyContacts"
+              name="toggleFilterFromMyContacts"
+              class="sr-only"
+            />
             <!-- line -->
             <div class="block bg-slate-500 w-14 h-8 rounded-full"></div>
             <!-- dot -->
@@ -28,7 +33,12 @@
           <!-- toggle -->
           <div class="relative ml-2">
             <!-- input -->
-            <input type="checkbox" name="" class="sr-only" />
+            <input
+              type="checkbox"
+              v-model="isNearby"
+              name="toggleFilterNearby"
+              class="sr-only"
+            />
             <!-- line -->
             <div class="block bg-slate-500 w-14 h-8 rounded-full"></div>
             <!-- dot -->
@@ -81,6 +91,8 @@ import {
 })
 export default class FeedFilters extends Vue {
   visible = false;
+  isFromMyContacts = false;
+  isNearby = false;
 
   async open() {
     this.visible = true;