diff --git a/src/components/FeedFilters.vue b/src/components/FeedFilters.vue
index 0b3cae5cd..390205b12 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;