filter modal

Author: RafaelGB

src/components/modals/filters/handlers/AddNewFilterHandler.tsx

@@ -17,9 +17,10 @@ import { Notice } from "obsidian";
 import { AtomicFilter } from "cdm/SettingsModel";
 import Grid from "@mui/material/Grid";
 import { randomColor } from "helpers/Colors";
+import { t } from "lang/helpers";
 
 export class AddNewFilterHandler extends AbstractHandlerClass<FiltersModalHandlerResponse> {
-  settingTitle: string = "Add new filter";
+  settingTitle: string = t("filters_modal_add_single_filter");
   handle(
     columnHandlerResponse: FiltersModalHandlerResponse
   ): FiltersModalHandlerResponse {
@@ -40,10 +41,7 @@ const NewFiltersForm = (props: FiltersModalProps) => {
   const addConditionHandler = () => {
     // Check if there is a condition to add
     if (possibleColumns.length <= 0) {
-      new Notice(
-        "No columns available yet. Include a field in one of your notes before add a filter",
-        3000
-      );
+      new Notice(t("filters_modal_add_group_filter_error_no_columns"), 3000);
       return;
     }
 
@@ -59,10 +57,7 @@ const NewFiltersForm = (props: FiltersModalProps) => {
   const addGroupConditionHandler = () => {
     // Check if there is a condition to add
     if (possibleColumns.length <= 0) {
-      new Notice(
-        "No columns available yet. Include a field in one of your notes before add a filter",
-        3000
-      );
+      new Notice(t("filters_modal_add_group_filter_error_no_columns"), 3000);
       return;
     }
 
@@ -102,7 +97,7 @@ const NewFiltersForm = (props: FiltersModalProps) => {
           }}
           onClick={addConditionHandler}
         >
-          Add filter
+          {t("filters_modal_add_single_filter")}
         </Button>
       </Grid>
       <Grid item xs="auto" key={`Grid-add-group-filter`}>
@@ -119,7 +114,7 @@ const NewFiltersForm = (props: FiltersModalProps) => {
           }}
           onClick={addGroupConditionHandler}
         >
-          Add group
+          {t("filters_modal_add_group_filter")}
         </Button>
       </Grid>
     </Grid>

src/components/modals/filters/handlers/GroupFilterComponent.tsx

@@ -23,6 +23,7 @@ import IconButton from "@mui/material/IconButton";
 import LabelComponent from "components/modals/filters/handlers/LabelComponent";
 import { Setting } from "obsidian";
 import { castHslToString, castStringtoHsl, randomColor } from "helpers/Colors";
+import { t } from "lang/helpers";
 type GroupFilterComponentProps = {
   group: FilterGroup;
   recursiveIndex: number[];
@@ -175,7 +176,9 @@ const GroupFilterComponent = (groupProps: GroupFilterComponentProps) => {
             key={`Grid-disabled-${level}-${recursiveIndex[level]}`}
           >
             <IconButton
-              aria-label="enable/disable filter"
+              aria-label={t(
+                "filters_modal_add_group_filter_button_enable_tooltip"
+              )}
               size="small"
               onClick={() =>
                 commonModifyFilter(
@@ -194,7 +197,9 @@ const GroupFilterComponent = (groupProps: GroupFilterComponentProps) => {
             key={`Grid-remove-group-${level}-${recursiveIndex[level]}`}
           >
             <IconButton
-              aria-label="delete"
+              aria-label={t(
+                "filters_modal_add_group_filter_button_delete_tooltip"
+              )}
               size="small"
               onClick={() =>
                 commonModifyFilter(
@@ -213,7 +218,9 @@ const GroupFilterComponent = (groupProps: GroupFilterComponentProps) => {
             key={`Grid-add-atomic-filter-${level}-${recursiveIndex[level]}`}
           >
             <IconButton
-              aria-label="add atomic filter"
+              aria-label={t(
+                "filters_modal_add_group_filter_button_atomic_filter_tooltip"
+              )}
               size="small"
               onClick={() =>
                 commonModifyFilter(
@@ -232,7 +239,9 @@ const GroupFilterComponent = (groupProps: GroupFilterComponentProps) => {
             key={`Grid-add-group-filter-${level}-${recursiveIndex[level]}`}
           >
             <IconButton
-              aria-label="add group filter"
+              aria-label={t(
+                "filters_modal_add_group_filter_button_group_filter_tooltip"
+              )}
               size="small"
               onClick={() =>
                 commonModifyFilter(

src/lang/locale/en.ts

@@ -107,4 +107,11 @@ export default {
   "add_row_modal_quick_options_desc_button_delete_notice_confirm": "Are you sure you want to delete {0}?",
   /** FILTERS MODAL */
   "filters_modal_title": "Table filters",
+  "filters_modal_add_single_filter": "Add Filter",
+  "filters_modal_add_group_filter": "Add Group",
+  "filters_modal_add_group_filter_error_no_columns": "You need to add at least one column to the table to create a filter",
+  "filters_modal_add_group_filter_button_atomic_filter_tooltip": "Add atomic filter",
+  "filters_modal_add_group_filter_button_group_filter_tooltip": "Add group filter",
+  "filters_modal_add_group_filter_button_delete_tooltip": "Delete group filter",
+  "filters_modal_add_group_filter_button_enable_tooltip": "Enable/Disable group filter",
 };