i18n compatible labels in dropdowns

app/javascript/dashboard/components/widgets/conversation/components/FilterInput.vue

@@ -25,9 +25,9 @@
             <option
               v-for="(operator, o) in operators"
               :key="o"
-              :value="operator.key"
+              :value="operator.value"
             >
-              {{ operator.value }}
+              {{ $t(`FILTER.OPERATOR_LABELS.${operator.value}`) }}
             </option>
           </select>
         </div>
@@ -84,10 +84,10 @@
       <div class="filter--query_operator_container">
         <select v-model="query_operator" class="filter--query_operator_select">
           <option value="and">
-            AND
+            {{ $t('FILTER.QUERY_DROPDOWN_LABELS.AND') }}
           </option>
           <option value="or">
-            OR
+            {{ $t('FILTER.QUERY_DROPDOWN_LABELS.OR') }}
           </option>
         </select>
       </div>

app/javascript/dashboard/i18n/locale/en/advancedFilters.json

@@ -2,8 +2,20 @@
     "FILTER": {
         "SUBTITLE": "Add filters below and hit 'Submit' to filter conversations.",
         "ADD_NEW_FILTER": "Add Filter",
-        "FILTER_DELETE_ERROR": "You should have atleast 1 filter to save",
+        "FILTER_DELETE_ERROR": "You should have atleast one filter to save",
         "SUBMIT_BUTTON_LABEL": "Submit",
-        "CANCEL_BUTTON_LABEL": "Cancel"
+        "CANCEL_BUTTON_LABEL": "Cancel",
+        "QUERY_DROPDOWN_LABELS": {
+            "AND": "AND",
+            "OR": "OR"
+        },
+        "OPERATOR_LABELS": {
+            "equal_to": "Equal to",
+            "not_equal_to": "Not equal to",
+            "contains": "Contains",
+            "does_not_contain": "Does not contain",
+            "is_present": "Is present",
+            "is_not_present": "Is not present"
+        }
     }
 }